Update Hauptfenster DOM von anderen Fenster in Elektron js

Question

Nehmen wir eine TODO-App als Beispiel, gibt es ein Hauptfenster - A, die alle TODO-Elemente und eine Schaltfläche "Add Item" auflisten wird. Wenn Sie auf "Artikel hinzufügen" klicken, öffnet sich ein zweites Fenster - B, in dem ein Formular zum Hinzufügen eines Artikels angezeigt wird. Nachdem das Formular abgeschickt wurde, wird das neu hinzugefügte Objekt an die Liste in Windows A angefügt.

Also das Problem hier ist, wie kann ich die Objektliste in Fenster A aktualisieren, wenn wenn Fenster B Formular eingereicht wird? Ich verwende react js für den Renderer. Also, wie kann die Komponente reagieren auf die Änderungen hören?

Answer 1

Ok, habe die Antwort bekommen. Wir können WebContents verwenden, um die Nachricht an das gewünschte Fenster zu senden. Und diese Nachricht kann im Fenster gehört werden.

#main.js 

mainWindow = new BrowserWindow({width: 800, height: 600}); 
mainWindow.webContents.send('addingitem','...blahblah balh '); 

und in machen

ipc.on("addingitem", (event, arg)=>{ 
    //doing the update DOM here. 
}