piroro-hs / electron-menu-react

Electron's menu in React way.

electron-menu-react

Electron's menu in React way.

Usage

import React from 'react';
import {render} from 'react-dom';
import {ApplicationMenu, MenuItem} from 'electron-menu-react';

const Menu = () =>
  <ApplicationMenu>
    <MenuItem label="menu 1">
      <MenuItem label="item 1" click={() => {console.log('Menu 1, item 1 was clicked!');}} />
      <MenuItem label="item 2" click={() => {console.log('Menu 1, item 2 was clicked!');}} />
    </MenuItem>
    <MenuItem label="menu 2">
      <MenuItem label="nested 1">
        <MenuItem label="item 1" click={() => {console.log('Menu 2, item 1 was clicked!');}} />
        <MenuItem type="separator" />
        <MenuItem label="item 2" click={() => {console.log('Menu 2, item 2 was clicked!');}} />
      </MenuItem>
    </MenuItem>
    <MenuItem role="close" />
  </ApplicationMenu>;

render(
  <Menu />,
  document.body,
);

Then you'll see something like this.

Take a look at the counter example in the example folder for more interactive usage.

Installation

npm i electron-menu-react -S

API Reference

See Electron's doc for MenuItem

License

MIT

electron-menu-react's Issues

node_modules\electron-menu-react\lib\ApplicationMenu.js:65 Uncaught TypeError: Cannot read property 'func' of undefined

If i try use electron-menu-react this error appears.
Snippet code where i try to use electron-menu-react

`import React, { Component } from 'react';
import {ApplicationMenu, MenuItem} from 'electron-menu-react';
import Home from '../components/Home';

`import React, { Component } from 'react';
import {ApplicationMenu, MenuItem} from 'electron-menu-react';
import Home from '../components/Home';

export default class HomePage extends Component {
render() {
return (

<MenuItem label="item 1" click={() => {console.log('Menu 1, item 1 was clicked!');}} />
<MenuItem label="item 2" click={() => {console.log('Menu 1, item 2 was clicked!');}} />



<MenuItem label="item 1" click={() => {console.log('Menu 2, item 1 was clicked!');}} />

<MenuItem label="item 2" click={() => {console.log('Menu 2, item 2 was clicked!');}} />

); }} `