如何在React函数组件中模拟ipcRenderer.on函数

import React, { useEffect, useState } from 'react';
const electron = window.require('electron');
const ipcRenderer = electron.ipcRenderer;

const MyComponent = () => {
  const [message, setMessage] = useState('');

  useEffect(() => {
    const eventHandler = (event, arg) => {
      // 处理接收到的事件和参数
      setMessage(arg);
    };

    // 监听特定的事件
    ipcRenderer.on('my-event', eventHandler);

    // 组件卸载时取消监听
    return () => {
      ipcRenderer.removeListener('my-event', eventHandler);
    };
  }, []);

  return (
    <div>
      <p>Received message: {message}</p>
    </div>
  );
};

export default MyComponent;