React 组件性能优化

React 组件性能优化最佳实践
React 组件性能优化的核心是减少渲染真实 DOM 节点的频率，减少 Virtual DOM 比对的频率。
1. 组件卸载前进行清理操作
在组件中为 window 注册的全局事件, 以及定时器, 在组件卸载前要清理掉, 防止组件卸载后继续执行影响应用性能.
需求：开启定时器然后卸载组件，查看组件中的定时器是否还在运行。
import React, { useState, useEffect } from "react"
import ReactDOM from "react-dom"

const App = () => {
let [index, setIndex] = useState(0)
useEffect(() => {
let timer = setInterval(() => {
setIndex(prev => prev +

React 组件性能优化最先出现在Python成神之路。