如何在React组件中调用minimize（）和focus（）？

我有一个最小化和最大化应用程序窗口的电子示例应用程序，我想在React应用程序中做同样的事情。 但是，我如何在我的React组件中获得对主应用程序窗口的引用呢？

我的main.js程序包含：

const electron = require('electron'); const {BrowserWindow} = electron; ... function createWindow() { // Create the browser window. mainWindow = new BrowserWindow({ width: 500, height: 300, frame: false, resizable: false }); global.mainWindow = mainWindow; ... } 

在Electron示例中，我的app / index.js文件包含：

 var remote = require('electron').remote; ... remote.getGlobal("mainWindow").minimize(); 

在我的React示例中，我的app / app.js文件包含：

 import React from 'react'; import ReactDOM from 'react-dom'; import AppContainer from './containers/app.container' var remote = require('electron').remote; 

但是，当运行手表我得到这个错误消息：

 npm run-script watch > mydemo@1.0.0 watch /home/myname/nodejs/mydemo > watchify app/app.js -t babelify -o public/js/bundle.js --debug --verbose Error: Cannot find module 'electron' from '/home/myname/nodejs/mydemo/app' 

我的问题：

• 如何从React组件中引用“remote”？
• 还有另一种引用主应用程序窗口的方法吗？

Answer 1

我自己弄明白了 此代码在React组件中工作：

 var remote = window.require('electron').remote; remote.getGlobal("mainWindow").minimize();