DataGrid material-ui 禁用退格和删除列中的键答案

【问题标题】：DataGrid material-ui disable backspace and delete key in columnDataGrid material-ui 禁用退格和删除列中的键
【发布时间】：2021-03-29 17:56:00
【问题描述】：

请知道如何在使用 DataGrid 和 material-ui 时禁用退格和删除列中的键？

【问题讨论】：

为什么要禁用DataGrid中的删除键？
material-ui.com/components/data-grid/demo 点击一个单元格并按“删除”或“退格”，内容将被删除，它会触发我想要的操作。我需要彻底破译它。
当我在 DataGrid 中有一个编辑按钮时，单元格中的表格中的焦点仍然存在，带有表单的对话框打开，我打印退格键以删除对话框中输入的数据，组件对话框被重绘。
我将renderCell用于btn，当我点击这个按钮（带有对话框的组件）时，我留下了链接到Delete Key的功能，当我按下delete键时，表中的行是再次渲染。它会恶作剧。单击后它也出现了同样的问题，我解决了它 disableClickEventBubbling: false，但我无法在任何地方停用删除键。 :-/
你可以附加一个点击处理程序并调用e.stopPropagation()，就像我以前的answer一样

【解决方案1】：

<Dialog onKeyDown={(e) => e.stopPropagation()}>

【讨论】：