在我的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
按钮,但是checkbox仍然有效。我在react-admin
中缺少任何内容吗?
隐藏复选框:
<List
{...props}
bulkActionButtons={false}
>
...
</List>