react中不用remote如何关联electron

来源:8-5 在 App 中集成文件操作

gentle-men

2025-12-18

老师为什么要用remote呀,不是不建议用么?如果不用remote要新加preload.js,那么preload.js怎么和我们react关联呀老师,我们就是相当于用react写的渲染进程,如果自己写preload.js每一个页面都要写一个么老师,涉及多了要如何维护呀老师
写回答

1回答

张轩

2026-01-15

同学你好

现代Electron交互的核心思路:用 preload + contextBridge + ipc 实现安全通信

你的 React 代码运行在渲染进程,它默认不能直接使用 Node.js / Electron API(比如 fs、dialog、ipcMain 相关操作),这是好事(安全)。

你要做的是:

  1. 创建一个 preload.js(或 preload/index.js)

  2. 在里面用 contextBridge.exposeInMainWorld只暴露你真正需要的、经过封装的接口

  3. React 里通过 window.xxx 调用这些接口(本质上是间接调用 ipc)


0
0

2024更新 Electron+React+七牛云实战跨平台桌面应用

开发一款自动云同步的 Markdown 文件管理软件

1270 学习 · 468 问题

查看课程