Electron：将 IPC 消息从 React 发送到 Electron 主进程？答案

【问题标题】：Electron: Send IPC messages from React to Electron main process?Electron：将 IPC 消息从 React 发送到 Electron 主进程？
【发布时间】：2021-09-13 10:50:01
【问题描述】：

假设我想构建一个简单的文件浏览器 Electron 应用程序，并使用 React 设计 UI。现在，我需要 React 将适当的 IPC 调用从组件发送到 Electron 的主进程，并接收包含由 React 呈现的文件资源管理器的文件名的回复。

我该怎么做呢？很遗憾，最近没有这方面的教程。

【问题讨论】：

这里有记录。还有例子electronjs.org/docs/api/ipc-main
这是一个使用 contextIsolation 和 IPC 的db example
@Tracer69 我知道使用“ipcMain”和“ipcRenderer”模块。我的问题是，如何从 React 呈现的 UI 中访问它们。
通过electron包导出的ipcRenderer（如示例中所述）
@pilchard 非常感谢。这正是我所需要的！

标签： javascript reactjs electron

【解决方案1】：

所以，@pilchard 的评论将我引向了一篇标题为 Creating standalone Desktop Applications with React, Electron and SQLite3 的博文，这最终给了我最好的答案。

您使用所谓的contextBridge，用它来创建一个 api 来连接渲染器进程和主进程，并只公开所需的功能。阅读我上面提到的帖子（向下滚动到“React 与 Electron 之间的通信”部分），你就会明白了。

【讨论】：