根据用户权限显示菜单列表答案

【问题标题】：Displaying Menu List depending on the user permissions根据用户权限显示菜单列表
【发布时间】：2019-09-05 11:34:56
【问题描述】：

我在登录时为所有用户获取相同的菜单列表。但是，我需要使用 react-admin 根据不同用户的角色为不同的用户显示不同的菜单项。

const cardActionStyle = {
zIndex: 2,
display: 'inline-block',
float: 'right',
};

const PostShowActions = ({ permissions, basePath, data, resource }) => (
<CardActions style={cardActionStyle}>
    <EditButton basePath={basePath} record={data} />
    {permissions === 'admin' &&
        <DeleteButton basePath={basePath} record={data} resource={resource} />
    }
</CardActions>
);

export const PostShow = ({ permissions, ...props }) => (
<Show actions={<PostShowActions permissions={permissions} />} {...props}>
    <SimpleShowLayout>
        <TextField source="title" />
        <RichTextField source="body" />
        {permissions === 'admin' &&
            <NumberField source="nb_views" />
        }
    </SimpleShowLayout>
</Show>
);

【问题讨论】：

如果您在控制台记录权限属性中的数据类型是什么？

标签： reactjs react-admin

【解决方案1】：

更改组件功能，以便能够控制台记录权限属性，例如

const Component = ({permissions, ...props}) => {
  console.log("permissions", permissions)
  return <YourComponentRendering/>
}

如果权限对象未定义，您可以从 React-Admin 导入 <WithPermissions> 以便在您的组件上拥有权限属性。更多信息请查看Authorization。

【讨论】：