我有带有侧边栏菜单的 React 应用程序，但我想根据用户角色隐藏其中的一些，但不希望像 'ADMIN'、'MODERATOR'、 等常见角色。我想让它灵活，所以我可以显示/隐藏不同用户的特定菜单
{如下例}，
菜单信息将来自数据库。
菜单：员工、订单、卡车、拖车、银行账户、联系人。
管理员 1：订单、卡车、拖车
管理员 2： 员工、银行账户、联系人
管理员 主管： 员工、订单、卡车、拖车、银行账户、联系人
有人可以给我建议我应该如何进行
【问题讨论】：
标签： javascript node.js reactjs react-router node-oracledb
您可以使用私有路由，通过私有路由，您可以限制谁可以访问这些路由以及何时访问这些路由？您可以在您的 html 中进行简单的检查以显示或隐藏这些菜单，以便可以根据您的逻辑。
这里有一个很好的文档供您查看。
https://dev.to/nilanth/how-to-create-public-and-private-routes-using-react-router-72m
【讨论】：
我认为您的问题已经得到解答。您必须实施基于角色的授权。你可以在这里找到你的解决方案。 How to implement multi role based authorization in React
https://jasonwatmore.com/post/2019/02/01/react-role-based-authorization-tutorial-with-example
【讨论】：