如何在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”?
- 还有另一种引用主应用程序窗口的方法吗?
我自己弄明白了 此代码在React组件中工作:
var remote = window.require('electron').remote; remote.getGlobal("mainWindow").minimize();