说说你对useEffect的理解，可以模拟哪些生命周期？

useEffect 是一个 hook，这个 hook 可以让你在函数组件中执行副作用操作。如果比较熟悉 React class 的生命周期函数，我们可以把 useEffect 这个 hook 看作 componentDidMount、componentDidUpdate 和 componentWillUnmount 这三个函数的组合。
用法：useEffect(effect, [dep])

  - effect：渲染时执行的函数体
  - [dep]：依赖项，可以有多个，逗号分隔

1：首次渲染时执行，第二个参数为空数组。

 useEffect(() => {
  getDetail()
}, [])

2：每次渲染都执行，第二个参数不填。

 useEffect(() => {
  getDetail()
})

3：按状态加载。其中 a 是我们自定义的状态，只有当 a 改变时 effect 函数体才会执行。

useEffect(() => {
  getDetail()
}, [a])

4：需要清除的 effect。例如 effect 中需要对 dom 进行监听，如果不使用清除函数，a 每更新一次都会再重新创建一个监听事件，导致一个 dom 上会绑定多个。

useEffect(() => {
  const tableDom = document.getElementById(id);
  scrollDom!?.addEventListener('scroll', handleScroll);

  // 清除函数
  return () => scrollDom!?.removeEventListener('scroll', handleScroll);
}, [a])