useEffect 在函数式组件中的表现

函数式组件是没有生命周期的，但在初始化或者更新的时候，可以通过 useEffect 去类比 class组件的某些生命周期：

useEffect(() => {
   // 相当于 componentDidMount、componentDidUpdate
   console.log("code");
   return () => {
     // 相当于 componentWillUnmount
     console.log("code");
   }
}, [/*依赖项*/])

• useEffect

  • 可在同一个函数组件中多次调用

• 第一个参数是函数，返回值函数会在下次运行前执行

• 第二个参数是数组，可以指定关联数据，为空则只执行一次