Disable Right Click in React.JS

javascript reactjs canvas html5-canvas dom-events

This JS function will prevent bubbling of the contextmenu event, thus preventing the context menu from appearing:

canvas.oncontextmenu = function (e) {    e.preventDefault();};

javascript reactjs canvas html5-canvas dom-events

You could prevent the right-click from actually doing anything by simply ignoring it, like this:

handleMouseDown = e => {  if (e.button === 0)  {    // Actions to perform when left mouse button is clicked, like update state  }}let Canvas = <canvas onMouseDown={this.handleMouseDown} ...>;

Expand snippet