将数据从main发送到渲染器(ReactJS)、ElectronJS、TypeScript

enxuqcxy 于 2022-12-08 发布在 Electron

关注(0)|答案(1)|浏览(167)

我正在尝试将数据从main.js发送到ReactJS组件。
preload.ts:

contextBridge.exposeInMainWorld('electron', {
  getData(channel: 'get-data') {

    ipcRenderer.send(channel);
  },

});

main.ts:

ipcMain.on('get-data', (event) => {
  event.reply('get-data', 'kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk');
});

和ReactJS组件- App.tsx中：

const Hello = () => {

  console.log(window.electron.getData('get-data'));
......

，但在控制台中，我得到的是undefined。
如何将数据从main.ts发送到渲染器（ReactJS组件）？

1条答案

使用arrow function
只有箭头函数会显示在渲染器中。

contextBridge.exposeInMainWorld('electron', {
  getData: (channel: 'get-data') => {
    ipcRenderer.send(channel);
  },
});