electron react

const { app, BrowserWindow,ipcMain  } = require(‘electron‘)
const path = require(‘path‘)function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
     // preload: path.join(__dirname, ‘render.js‘),
      nodeIntegration: true,
      // 官网似乎说是默认false，但是这里必须设置contextIsolation
      contextIsolation: false      //有这两个 渲染进程才能用window.require
    }
  })

  win.loadFile(‘./build/index.html‘)
}

ipcMain.on("sendMessage",(event,data) => {
  console.log(data);

})


app.whenReady().then(() => {
  createWindow()

  app.on(‘activate‘, () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow()
    }
  })
})

app.on(‘window-all-closed‘, () => {
  if (process.platform !== ‘darwin‘) {
    app.quit()
  }
})

import React from ‘react‘;
import ReactDOM from ‘react-dom‘;
import ‘./index.css‘;
import App from ‘./App‘;
import reportWebVitals from ‘./reportWebVitals‘;
const { ipcRenderer  } = window.require(‘electron‘)

console.log(ipcRenderer)


function Welcome(props) {
  return (
   <h1 onClick={()=>{alert(1);ipcRenderer.send("sendMessage","this is render");}} >Hello, {props.count}</h1>
  );
}