React MUI startCellEditMode 功能不起作用

Question

我在 MUI 中有一个数据网格，其中每个按钮都有一个编辑按钮。我在列定义的操作中实现了编辑按钮。

正如我在文档中看到的，MUI 有一个 startCellEditMode 函数，可以用作：

  const handleEditClick = (id: GridRowId) => () => {
    apiRef.current.startCellEditMode({ id, field: 'text' });
  };

现在我想在编辑按钮的单击上使用这行代码，但它不起作用，并且出现此错误：

apiRef.current.startCellEditMode is not a function

我的函数被正确调用，但相应的单元格没有进入编辑模式

Answer 1

您需要将其添加到您的 DataGrid 组件中，我相信这甚至适用于免费版本。

正如文档中所述：“虽然它说是‘实验性的’，但你可以认为它是稳定的。” 所以，应该很好走。

<DataGrid ExperimentalFeatures={{ newEditingApi: true }}

感谢您的帮助！但友善地说，这并不能直接回答问题，OP正在使用另一种方法，并且正在通过 apiRef 方式，该方式仅在商业版本中可用。选择解决方案的方法取决于我们遇到的情况。 (2认同)