Access Electron Api from React

Question

I’m building up a new react app on electron , I want to access electron api from react Component to close the app with a button.

i tried to import electron but it give me module not found

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;

Possible duplicate of Atom Electron - Close the window with javascript — snwflk
– snwflk, Commented May 29, 2019 at 20:47

Chams Agouni · Accepted Answer · 2019-05-31 16:56:07Z

0

instead of :

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

use this :

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

answered May 31, 2019 at 16:56

Chams Agouni

3742 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jaskaran Singh · Accepted Answer · 2021-04-20 13:47:22Z

0

import React from 'react';
// how to import the remote module in a React component?
const electron = window.require('electron');
const remote = electron.remote
const {BrowserWindow,dialog,Menu} = remote

Enable the remote module by setting the enableRemoteModule option to true. Inside your electron.js or main.js file or whatever name you have used.

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

})

you can set the webPreferences.contextIsolation to be false like this

answered Apr 20, 2021 at 13:47

Jaskaran Singh

2,58826 silver badges42 bronze badges

Collectives™ on Stack Overflow

Access Electron Api from React

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related