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

IT技术 reactjs electron
2021-05-15 11:39:47

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

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

在此处输入图片说明

1个回答

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

当你打开一个新窗口时,加载一个这样的页面,而不是使用主 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;