【问题标题】:Update main window DOM from other window in electron js从电子js中的其他窗口更新主窗口DOM
【发布时间】:2016-11-08 12:46:35
【问题描述】:
我们以一个 TODO 应用为例,有一个主窗口 - A,它将列出所有 TODO 项目和一个“添加项目”按钮。因此,当单击“添加项目”时,它将打开第二个窗口 - B,其中有一个用于添加项目的表单。表单提交后,新添加的项目将追加到 WIndow A 中的列表中。
所以这里的问题是,当提交 WIndow B 表单时,如何更新 WIndow A 中的项目列表?我正在为渲染器使用 react js。那么,react 组件如何监听变化呢?
【问题讨论】:
标签:
node.js
reactjs
desktop-application
electron
【解决方案1】:
好的,找到答案了。
结果我们可以使用 webContents 将消息发送到所需的窗口。并且可以在窗口中收听该消息。
#main.js
mainWindow = new BrowserWindow({width: 800, height: 600});
mainWindow.webContents.send('addingitem','...blahblah balh ');
在渲染中
ipc.on("addingitem", (event, arg)=>{
//doing the update DOM here.
}