电子：在mainWindow加载时使用mainWindow.webContents.send

Question

When a user changes the theme, I use mainWindow.webContents.send to change a class in the DOM. I also save it in the store, under the key theme .

mainWindow.webContents.send('theme:change', theme);
store.set('theme', theme);

Then in renderer.js :

ipcRenderer.on('theme:change', (event, theme) => {
  document.querySelector('body').className = `${theme}`;
});

This successfully changes the theme and saves it in the store. However, now I want that theme to load up when starting the application rather than going back to the default. To do this, in app.on('ready') I am doing this:

mainWindow.webContents.send('theme:change', store.get('theme'));

However, nothing is happening. It's like it isn't being sent. Where am I going wrong? Essentially what needs to be done is for the class in body to be changed when the application loads to the one in the store.

Answer 1

Figured it out. I had to put:

mainWindow.webContents.once('dom-ready', () => {
    mainWindow.webContents.send('theme:change', store.get('theme'));
})

I was trying mainWindow.on('dom-ready') which is why it wasn't working.