reactjs - 如何在 JHipster 中检查子菜单项的权限

Question

如何检查子菜单中的某个权限。前任。/admin/user-management 页面可以被具有一定权限的用户访问。

<>
    <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>
  </>

Answer 1

访问 isAuthenticated和 isAdmin Prop ，你有多种选择:

将 props 传递给组件 from the parent <Header /> component .

将您的组件连接到 Redux 并将字段添加为 props，就像在 app.tsx 中所做的那样.

要限制路径，即使是直接导航，请参见 routes.tsx 中的示例