Javascript 从React访问电子Api

我正在electron上建立一个新的react应用程序，我想从react组件访问electron api，用一个按钮关闭应用程序

我试图导入电子，但它给我找不到模块

import React, { Component } from 'react';
import './Frame.scss';

class Frame extends Component {
  render() {
    return(
      <div className="kr-app-frame">
        <div className="kr-app-frame-buttons-block">
            <button id="close" className="kr-app-frame-button">X</button>
        </div>
      </div>
    )
  }
}

export default Frame;

import React，{Component}来自'React'；
导入“/Frame.scss”；
类框架扩展组件{
render（）{
返回(
X
)
}
}
导出默认帧；

而不是：

const { remote } = require('electron');

使用以下命令：

const { remote } = window.require('electron');

而不是：

const { remote } = require('electron');

使用以下命令：

const { remote } = window.require('electron');

通过将enableRemoteModule选项设置为true来启用远程模块。 在您的electron.js或main.js文件或您使用的任何名称中

function createWindow () {
// Create the browser window.
const win = new BrowserWindow({
   width: 800,
   height: 600,
   webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
      enableRemoteModule:true,
   }

})

您可以将webPreferences.contextIsolation设置为false，如下所示

通过将enableRemoteModule选项设置为true来启用远程模块。 在您的electron.js或main.js文件或您使用的任何名称中

function createWindow () {
// Create the browser window.
const win = new BrowserWindow({
   width: 800,
   height: 600,
   webPreferences: {
      nodeIntegration: true,
      contextIsolation: false
      enableRemoteModule:true,
   }

})

您可以将webPreferences.contextIsolation设置为false，如下所示