无法获得反应管理员权限检查以在列表操作中工作
Cannot get react-admin permission checks to work in List Actions
仅当用户是管理员时才想在页面顶部显示自定义按钮。这适用于同一页面上的 showing/hiding 某些字段。但出于某种原因,我无法让它在列表操作中工作。
代码:
const UserListActions = ({ permissions, ...props }) => (
<CardActions> .
<RefreshButton />
{permissions === 'admin' &&
<Button color="primary"> .
<SyncIcon /> Sync Users .
</Button> .
} .
</CardActions> .
);
export const UserList = ({ permissions, ...props }) => (
<List actions={<UserListActions />} title="All users" {...props} bulkActions={false}>
想通了。在将权限传递给列表
的操作 属性 时,我遗漏了一个关键部分
const RoleListActions = ({ basePath, permissions }) => (
<CardActions>
{permissions === 'admin' && <SyncAwsRolesButton color="primary" />}
{permissions === 'admin' && <CreateButton basePath={basePath} />}
<RefreshButton />
</CardActions>
);
export const RoleList = ({ permissions, ...props }) => (
<List title="All roles" actions={<RoleListActions permissions={permissions} />} {...props} bulkActions={false}>
^^ This bit right here
仅当用户是管理员时才想在页面顶部显示自定义按钮。这适用于同一页面上的 showing/hiding 某些字段。但出于某种原因,我无法让它在列表操作中工作。
代码:
const UserListActions = ({ permissions, ...props }) => (
<CardActions> .
<RefreshButton />
{permissions === 'admin' &&
<Button color="primary"> .
<SyncIcon /> Sync Users .
</Button> .
} .
</CardActions> .
);
export const UserList = ({ permissions, ...props }) => (
<List actions={<UserListActions />} title="All users" {...props} bulkActions={false}>
想通了。在将权限传递给列表
的操作 属性 时,我遗漏了一个关键部分const RoleListActions = ({ basePath, permissions }) => (
<CardActions>
{permissions === 'admin' && <SyncAwsRolesButton color="primary" />}
{permissions === 'admin' && <CreateButton basePath={basePath} />}
<RefreshButton />
</CardActions>
);
export const RoleList = ({ permissions, ...props }) => (
<List title="All roles" actions={<RoleListActions permissions={permissions} />} {...props} bulkActions={false}>
^^ This bit right here