Блог

Как проверить наличие определенных полномочий в подменю. например. /admin/ страница управления пользователями может быть доступна пользователю, обладающему определенными полномочиями.

 <>
    <MenuItem icon="user" to="/admin/user-management">
      <Translate contentKey="global.menu.admin.userManagement">User management</Translate>
    </MenuItem>
    <MenuItem icon="tachometer-alt" to="/admin/metrics">
      <Translate contentKey="global.menu.admin.metrics">Metrics</Translate>
    </MenuItem>
    <MenuItem icon="tasks" to="/admin/logs">
      <Translate contentKey="global.menu.admin.logs">Logs</Translate>
    </MenuItem>
  </>
 

Чтобы получить доступ к isAuthenticated isAdmin реквизитам и, у вас есть несколько вариантов:

• Передайте реквизиты компоненту из родительского <Header /> компонента.
• Подключите свой компонент к Redux и добавьте поля в качестве реквизитов, как это делается в app.tsx.

Чтобы ограничить пути, даже для прямой навигации, смотрите Пример в routes.tsx