只有在所有组件都准备好之后，如何从电子发送事件到反应组件？

Question

我有一个电子应用程序，我正在尝试将 ReactJs 与它一起使用。我在main.js 中有代码，可以在dom-ready 事件上发送一些数据：

mainWindow.webContents.on('dom-ready', function () {
    dao.getIncomes(function (data) {
        mainWindow.webContents.send('income-data', data);
    });
}

然后我有 React 组件，我正在尝试为此事件设置一个侦听器：

useEffect(() => {
    ipcRenderer.on('income-data', function (event, data) {
        // some code
    });
}, []);

有时，组件仅在事件已发送时才启动此效果。并且侦听器没有收到此数据。

在这种情况下如何正确设置监听器？ O 可能我应该稍后在其他事件上发送事件，而不是dom-ready

谢谢。

Answer 1

我认为首先你应该告诉电子实际功能正在执行。

const { ipcMain } = require('electron')
ipcMain.on('react-effect-executed', (event, arg) => {
  dao.getIncomes(function (data) {
    mainWindow.webContents.send('income-data', data);
  });
})

useEffect(() => {
    ipcRenderer.send('react-effect-executed', '');
    ipcRenderer.on('income-data', function (event, data) {
        // some code
    });
}, []);