2016-08-21 1 views
2

Ich habe eine Beispielanwendung Electron, die das Anwendungsfenster minimiert und maximiert, und ich würde das gleiche in einer Reaktion Anwendung zu tun. Aber wie bekomme ich den Verweis auf das Hauptanwendungsfenster in meiner React-Komponente?Wie Aufruf minimiert() und Fokus() in einer Komponente reagieren?

Mein main.js Programm enthält:

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; 
    ... 
} 

Im Electron Beispiel mein app/index.js Datei enthält:

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

In meinem React Beispiel meiner app/app.js Datei enthält:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import AppContainer from './containers/app.container' 

var remote = require('electron').remote; 

Doch wenn Uhr läuft bekomme ich diese Fehlermeldung:

npm run-script watch 

> [email protected] 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' 

Meine Fragen:

  • Wie verweisen ich die "remote" aus dem Inneren einer Komponente reagieren?
  • gibt es eine andere Art und Weise das Programmhauptfenster zu werben?

Antwort

1

Ich habe es herausgefunden mich. Dieser Code funktioniert in einer Reaktion Komponente:

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