[JavaScript知识库]useEffect 清理副作用

useEffect 是 React 里清理副作用的方法;?

useEffect 有两个参数:? 语法:

useEffect(() => {
    effect
    return () => {
      cleanup
    }
  }, [input])

????????第一个参数: useEffect 可以返回一个函数; 这个函数成为清理函数,在此函数内用来执行清理相关的操作( 例如解绑事件 \ 清除定时器等?);

? ? ? ? 第二个参数: 是一个依赖项,可以控制?useEffect 的执行时机; 那useEffect的执行时机是怎么样的呢??

清理函数的执行时机

a，useEffect 的第 2 个参数不写，清理函数会在下一次副作用回调函数调用时以及组件卸载时执行，用于清除上一次或卸载前的副作用。

?b，useEffect 的第 2 个参数为空数组，那么会在组件卸载时会执行，相当于组件的 componetWillUnmount。

?一般一个 useEffect 只用来处理一个功能，有多个功能时，建议使用多个 useEffect。