如何在 React 组件中调用 minimize() 和 focus()？

Question

我有一个 Electron 示例应用程序可以最小化和最大化应用程序 window，我想在 React 应用程序中做同样的事情。但是如何在我的 React 组件中获取对主应用程序 window 的引用？

我的 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"？
是否有另一种引用主应用程序的方法window？

Answer 1

我自己想出来了。此代码适用于 React 组件：

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

如何在 React 组件中调用 minimize() 和 focus()？

How to call minimize() and focus() in a React component?

javascript

node.js

browserify

reactjs

electron