reactjs - 如何使用 React.JS 处理 Electron 应用程序中的多个窗口?

标签 reactjs electron

我正在开发一个 Electron 应用程序,它使用 React.JS 来构建用户界面。现在,我必须创建一个与主窗口不同的首选项窗口。但是,由于多个入口点的困境,我不确定如何解决这个问题。我读到使用模态可能是一种替代方法,但我想通过创建不同的窗口并通过 ipc 在它们之间进行通信来以通常的方式实现此目的。

如有任何有关此事的建议,我们将不胜感激!

enter image description here

最佳答案

你可以通过路由来做到这一点

当您打开新窗口时,加载这样的页面,而不是使用主 app.html 文件。

prefsWindow.loadURL(`file://${__dirname}/app.html#/prefs`);

然后在路由文件中:

您可以在这里找到更多信息: https://github.com/chentsulin/electron-react-boilerplate/issues/623

以及有关路由如何与 react 一起工作的示例代码: https://reacttraining.com/react-router/web/example/route-config

GLHF;

关于reactjs - 如何使用 React.JS 处理 Electron 应用程序中的多个窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43314533/

相关文章:

reactjs - 如何配置我的 package.json 文件以从操作系统中设置的环境变量读取?

javascript - react 函数

javascript - Electron Java脚本将数据从渲染传递到主要对象,反之亦然

electron - ipcMain在 Electron 中的广播消息

javascript - React useEffect exhaustive deps only trigger to create component will unmount 功能

reactjs - MapboxGLjs React ref hook 的 TypeScript 类型

electron - 通过requirejs导入 Electron

javascript - 安装后将 Electron 应用程序路径添加到用户环境变量

Child_process 没有捕获二进制文件输出?

javascript - 在react hook中获取没有正确的数据