Javascript 在React.JS中禁用右键单击

如何在ReactJS中禁用画布中的右键单击。以下是我尝试过但仍然不起作用的方法：

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

let Canvas={e.preventDefault（）；返回false；}}高度={500}宽度={500}ref=“Canvas”/>；

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

警告：从事件处理程序返回

false

已被弃用，并将在将来的版本中被忽略。相反，根据需要手动调用e.stopPropagation（）或e.preventDefault（）

---

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

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

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

---

您可以通过忽略右键来阻止右键单击实际执行任何操作，如下所示：

handleMouseDown=e=>{
如果（如按钮===0）
{
//单击鼠标左键时要执行的操作，如更新状态
}
}
让画布=