useEffect 使用场景

useEffect是React中的一个钩子函数，用于处理副作用操作。副作用操作是指在组件渲染过程中，可能会对外部环境产生影响的操作，例如数据获取、订阅事件、修改DOM等。

useEffect的使用场景包括但不限于以下几种情况：
1. 数据获取和订阅：可以在useEffect中发送网络请求获取数据，或者订阅WebSocket等实时数据源。
2. DOM操作：可以在useEffect中修改DOM，例如添加或移除元素、修改元素样式等。
3. 计时器和定时任务：可以在useEffect中设置计时器，执行定时任务。
4. 清理操作：可以在useEffect中进行清理操作，例如取消订阅、清除计时器等。

下面是一个使用useEffect的示例，用于在组件挂载后订阅一个事件，并在组件卸载前取消订阅：

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    const subscription = eventEmitter.subscribe(handleEvent);

    return () => {
      subscription.unsubscribe();
    };
  }, []);

  const handleEvent = () => {
    // 处理事件
  };

  return (
    // 组件内容
  );
}