MUI - 检查单元格在 `renderEditCell` 内是否可编辑

Question

我有一个包含不同单元格类型的 MUI 数据网格。 我必须检查按用户权限编辑单元格的选项。我想在

renderEditCell

内执行此操作 - 仅在用户尝试编辑后，不想对初始表渲染中的任何单元格进行权限测试以提高网格性能。

另外，我需要

params

来检查权限，所以我无法在列级别检查它。

我尝试这样做，但我在编辑模式下获得了视图组件。

 renderEditCell: params => hasPermission(params.row.id, userId) ? renderEditMode(params) : renderViewMode(params),

如果用户没有编辑权限，如何在不进入编辑模式的情况下做到这一点？

Answer 1

以下是如何实现此目标的示例：

renderEditCell: (params) => {
    const hasPermission = checkPermission(params.row.id, userId);
    if (!hasPermission) {
        // User doesn't have permission, render the view mode
        return renderViewMode(params);
    }

    // User has permission, render the edit mode
    return renderEditMode(params);
},