【React】useEffect等价于那几个生命周期函数

useEffect 在 React 的函数组件中相当于类组件中的几个生命周期方法的组合。具体来说，它可以模拟以下生命周期函数的行为：

1. componentDidMount：当 useEffect 的第二个参数（依赖项数组）为空数组 [] 时，传入的回调函数会在组件挂载后立即执行，这与 componentDidMount 的行为相同。例如：

useEffect(() => {
  // 这里的代码会在组件挂载后执行一次，相当于 componentDidMount
}, []);

2. componentDidUpdate：当 useEffect 的第二个参数（依赖项数组）包含某些状态或属性时，传入的回调函数会在这些依赖项发生变化，并且组件重新渲染后执行。这与 componentDidUpdate 的行为类似。例如，如果有一个状态变量 count，并且你想在 count 变化时执行某些操作，你可以这样做：

useEffect(() => {
  // 这里的代码会在 count 变化且组件重新渲染后执行，相当于 componentDidUpdate
}, [count]);