React-easy-contextmenu NPM

react-easy-contextmenu v0.2.2

React-easy-contextmenu replaces the browser's default context menu.

Installation

Using npm or yarn:

$ npm install react-easy-contextmenu
$ yarn add react-easy-contextmenu

How to use:

// import react-easy-contextmenu
import { ContextMenu } from 'react-easy-contextmenu';

// Place the ContextMenu inside your react component
const Home: React.FC = () => {
    const menuData = [
        {
            menuDescription: 'First description',
            menuFunction: () => alert("You're a wizard Harry."),
        },
        {
            menuDescription: 'Second description',
            menuFunction: () => alert('Luke, I am your father.'),
            divider: true,
        },
        {
            menuDescription: 'Third description',
            menuFunction: () => alert('Sic Parvis Magna'),
        },
  ];

    return (
        <div>
            <h1>React Easy ContextMenu</h1>
            <ContextMenu menuData={menuData} />
        </div>
    )
}
export default Home;

Finaly you're good to go!