在React.JS中禁用右键单击

Question

如何在ReactJS中的画布上禁用右键单击。这是我尝试过的仍然无法使用的方法：

let Canvas = <canvas onContextMenu={(e)=>  {e.preventDefault(); return false;}} height={500} width={500} ref="canvas"/>;

浏览器控制台中还会显示警告。

警告：不建议false从事件处理程序返回，并且在以后的版本中将忽略该返回。而是根据需要手动调用e.stopPropagation（）或e.preventDefault（）。

编辑：是的，它的确停止了Canvas上的右键单击功能，但是我的问题是：我在左键单击上绘制了一个点，并且也在右键单击上绘制了一个点，我想禁用它。

Answer 1

此JS函数将防止contextmenu事件冒泡，从而防止出现上下文菜单：

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