在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(); 
};