从电子js中的其他窗口更新主窗口DOM

时间:2016-07-06 12:50:51

标签: node.js reactjs desktop-application electron

我们以一个TODO应用程序为例,有一个主窗口 - A,它将列出所有TODO项目和一个按钮'添加项目'。因此,当点击“添加项目”时,它将打开第二个窗口--B,其中有一个用于添加项目的表单。提交表单后,新添加的项目将附加到WIndow A中的列表中。

所以这里的问题是,当提交WIndow B表格时,如何更新WIndow A中的项目列表?我正在为渲染器使用react js。那么,反应组件如何听取变化呢?

1 个答案:

答案 0 :(得分:0)

好的,得到了​​答案。 结果我们可以使用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.
}