-
useEffect---副作用处理钩子
-
数据获取、订阅、定时执行任务、手动修改ReactDOM这些行为都可以成为副作用。而useEffect就是为了处理这些副作用而生的。
-
useEffect也是componentDidMount、componentDidUpdate和componentWillUnmount这几个生命周期方法的统一
-
useEffect的基本使用如下所示
.png)
-
callback可以返回一个函数，用作清理
.png)
-
array（可选参数）：数组，用于控制useEffect的执行
* 分三种情况
《1》空数组，则只会执行一次（即初次渲染render），相当于componentDidMount
《2》非空数组，useEffect会在数组发生变化后执行
《3》不填array这个数组，useEffect每次渲染都会执行
-
完整使用例子如下所示：
.png)
注：useEffect钩子的callback函数里面return的内容只有在useEffect第二个参数是个空数组的时候，才会只在组件卸载的时候执行return的内容，实现组件卸载后的清除的功能。