material-ui - React-Admin:如何使用 Datagrid 隐藏“复选框”?
问题描述
在我的内部App
,我们有基于角色的permissions
喜欢。ADD/DELETE
Admin
add
拥有,delete
,edit
的所有权限records
customers
没有delete
权限。
因此,我想为客户隐藏delete
复选框<Datagrid>
。
//RoleList.js
import React from "react";
import { List, Datagrid, TextField, SingleFieldList, ChipField, EditButton, DeleteButton, ReferenceArrayField, Loading } from "react-admin";
import { makeStyles } from "@material-ui/core/styles";
const useStyles = makeStyles(theme => ({
chips: {
backgroundColor: theme.palette.secondary.light
}
}));
const RoleList = ({ permissions, ...props }) => {
const classes = useStyles();
if (!permissions) return <Loading />;
const permissionsList = permissions.split(",");
return (
<List {...props} title="roles">
<Datagrid rowClick="show">
<TextField source="name" />
<ReferenceArrayField reference="permissions" source="permissions">
<SingleFieldList>
<ChipField source="name" className={classes.chips} />
</SingleFieldList>
</ReferenceArrayField>
{permissionsList.includes("edit_roles") && <EditButton />}
{permissionsList.includes("delete_roles") && <DeleteButton />}
</Datagrid>
</List>
);
};
export default RoleList;
这是我基于隐藏edit
和按钮的组件,但复选框仍然有效。我错过了什么吗?delete
permissions
react-admin
解决方案
要隐藏复选框:
<List
{...props}
bulkActionButtons={false}
>
...
</List>
推荐阅读
- c# - 当我在 Rider 中编译 C# 程序时,我在 Mac OS X 中收到“dotnet crashed”消息
- c# - 将图片插入现有形状
- visual-studio-code - 切换/打开另一个文件时,VS 代码新更新不保留打开的文件(选项卡)
- c# - Ajax 调用失败但在调试时没有抛出错误
- swift - UITextView 样式在我更改字距时重置
- wordpress - RainMaker 到 WordPress 导入
- java - java - 如何使用java中的字符串拆分来删除字符串前面的空格?
- kotlin - 嵌套 Completable 停止观察者链
- javascript - 反应 setState 不合并所有更改
- azure - 如何在 U-sql 中使用 OR 子句使用左反半联接