如何在所有组件都准备好后才从电子向react组件发送事件？

// 在电子应用程序中
const { app, BrowserWindow } = require('electron');
const { EventEmitter } = require('events');

// 创建事件总线
const eventBus = new EventEmitter();

// 监听应用程序的就绪事件
app.whenReady().then(() => {
  // 创建窗口
  const mainWindow = new BrowserWindow();

  // 加载React应用程序
  mainWindow.loadURL('index.html');

  // 在窗口准备好后发送事件
  mainWindow.webContents.on('dom-ready', () => {
    // 发送事件到React组件
    eventBus.emit('myEvent', { data: 'Hello from Electron!' });
  });
});

// 在React组件中
import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // 在组件挂载后订阅事件
    eventBus.on('myEvent', handleEvent);

    // 在组件卸载前取消订阅事件
    return () => {
      eventBus.off('myEvent', handleEvent);
    };
  }, []);

  const handleEvent = (data) => {
    // 处理事件数据
    console.log(data);
  };

  return <div>My Component</div>;
};