useEffectsuseEffect，顾名思义，就是执行有副作用的操作，你可以把它当成componentDidMoun

useEffect，顾名思义，就是执行有副作用的操作，你可以把它当成componentDidMount, componentDidUpdate, and componentWillUnmount 的集合。它的函数声明如下

useEffect(effect: React.EffectCallback, inputs?: ReadonlyArray<any> | undefined)

🌰

import React, { useEffect } from 'react'

export function BusinessComponent() {
  const initData = async () => {
    // 发起请求并执行初始化操作
  }
  // 执行初始化操作，需要注意的是，如果你只是想在渲染的时候初始化一次数据，那么第二个参数必须传空数组。
  useEffect(() => {
    initData();
  }, []);

  return (<div></div>);
}

需要注意的是，这里的useEffect的第二个参数必须传空数组，这样它就等价于只在componentDidMount的时候执行。如果不传第二个参数的话，它就等价于componentDidMount和componentDidUpdate

做一些清理操作

由于我们在实际开发过程中，经常会遇到需要做一些副作用的场景，比如轮询操作(定时器、轮询请求等)、使用浏览器原生的事件监听机制而不用react的事件机制(这种情况下，组件销毁的时候，需要用户主动去取消事件监听)等。使用class Component编程的时候，我们一般都在componentWillUnmount或者componentDidUnmount的时候去做清理操作，可是使用react hooks的时候，我们如何做处理呢？