在React.JS中禁用右键单击

Question

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

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

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

警告：从事件处理程序返回false已弃用，并且在将来的发行版中将被忽略。相反，请根据需要手动调用e.stopPropagation（）或e.preventDefault（）。

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

Answer 1

这个js功能将防止contextmenu事件的冒泡，从而防止在上下文菜单中出现：

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