Отображение списка меню в зависимости от прав пользователя

Question

Я получаю один и тот же список меню для всех пользователей, когда я вхожу в систему. Но мне нужно отображать разные пункты меню для разных пользователей в зависимости от их ролей с помощьюact-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>
);

Answer 1

Измените функцию компонента, чтобы можно было консоль регистрировать реквизиты прав доступа, например

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

Если объект разрешений не определен, вы можете импортировать <WithPermissions> из React-Admin, чтобы включить поддержку разрешенийВы компонент.Проверьте Авторизация для получения дополнительной информации.