如何使用 React.JS 在 Electron 应用程序中处理多个窗口？

Question

我正在开发一个使用 React.JS 构建用户界面的 Electron 应用程序。现在，我必须制作一个与主窗口不同的首选项窗口。但是，由于多个入口点的困境，我不确定如何解决这个问题。我读到使用模态可能是一种替代方法，但我想通过制作不同的窗口并通过ipc.

对此事的任何建议表示赞赏！

Answer 1

你可以用路由来做到这一点

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

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

然后在路由文件中：

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

以及关于路由如何与这里反应的示例代码：https : //reacttraining.com/react-router/web/example/route-config

GLHF;