react + electron 开发中 如何把主进程的变量传递到渲染进程

在 Electron 中，主进程和渲染进程是两个不同的进程，它们之间的通信可以使用 Electron 内置的 ipcMain 和 ipcRenderer 模块来实现。

要将主进程的变量传递到渲染进程，可以使用 ipcMain 模块的 send 方法向渲染进程发送消息，并在渲染进程中监听这些消息。具体步骤如下：

1. 在主进程中，使用 global 变量来保存需要传递的数据，例如：

// 在主进程中定义一个 global 变量
global.sharedObject = {
  someProperty: '这是需要传递的变量'
}

2. 在主进程中，使用 ipcMain 发送消息给渲染进程，例如：

const { ipcMain } = require('electron')

ipcMain.on('get-shared-object', (event) => {
  event.sender.send('shared-object', global.sharedObject)
})

3. 在渲染进程中，使用 ipcRenderer 监听消息，并处理消息中传递的数据，例如：

const { ipcRenderer } = require('electron')

ipcRenderer.on('shared-object', (event, sharedObject) => {
  console.log(sharedObject.someProperty) // 输出：这是需要传递的变量
})
ipcRenderer.send('get-shared-object')

在这个例子中，我们使用 ipcMain 监听了一个名为 get-shared-object 的消息，当收到这个消息时，我们使用 event.sender.send 方法将 global.sharedObject 发送给渲染进程。在渲染进程中，我们使用 ipcRenderer 监听了一个名为 shared-object 的消息，当收到这个消息时，我们获取消息中传递的 sharedObject 变量并使用它。

需要注意的是，ipcMain 和 ipcRenderer 只能用于 Electron 中的进程间通信，如果需要与其他进程通信，例如 Node.js 进程，需要使用其他方式实现。