useeffect用法

`useEffect` 是 React 中一个常用的 Hook，它用于处理副作用操作，例如订阅事件、修改 DOM 元素等。

`useEffect` 接受两个参数：

1. 第一个参数是一个函数，该函数会在组件渲染后执行。
2. 第二个参数是一个数组，它用来控制 `useEffect` 的执行时机。如果该数组中包含了某个变量，那么只有当这个变量发生变化时，`useEffect` 才会被执行。

`useEffect` 的基本用法如下：

import { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在组件渲染后执行的代码
    return () => {
      // 在组件卸载前执行的代码
    };
  }, []); // 控制 useEffect 的执行时机的数组
  return (
    // ...
  );
}

在上述代码中，`useEffect` 接受了一个空数组作为第二个参数，这意味着该 `useEffect` 只会在组件渲染后执行一次。如果要让 `useEffect` 在某些变量发生变化时重新执行，可以把这些变量放在数组中。

此外，`useEffect` 中还可以返回一个函数，该函数会在组件卸载前执行，可以用来取消事件订阅等操作，以避免内存泄漏。