如何在useEffect中使用事件侦听器？

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    // 在这里添加事件侦听器
    // 返回一个清除函数以在组件卸载时取消事件侦听器
    return () => {
      // 在这里移除事件侦听器
    };
  }, []); // 空数组表示只在组件挂载和卸载时执行一次
  // ...
}

function MyComponent() {
  useEffect(() => {
    const handleEvent = (event) => {
      // 处理事件的逻辑
    };

    // 添加事件侦听器
    window.addEventListener('eventName', handleEvent);

    // 返回一个清除函数以在组件卸载时取消事件侦听器
    return () => {
      // 移除事件侦听器
      window.removeEventListener('eventName', handleEvent);
    };
  }, []);
  // ...
}