javascript - 如何在React中根据角色授权用户

标签 javascript reactjs ecmascript-6 react-router

我目前正在开发 React 应用程序,我有不同的 Angular 色,例如(管理员、经理、代理)等。如果用户没有获得该组件/页面的授权,我想保护每个路由。如果用户未授权,那么我想重定向主页。我想在登录后完成。我是初学者,我想解决我的问题,任何例子将不胜感激。

谢谢

最佳答案

你会发现不同的方法,但我使用 HOC。我作为一个 child 传递了我想要授权的功能。 HOC 有我手动传递的属性来指定允许哪些 Angular 色、许可证 ID ecc...因此 HOC 实现了身份验证逻辑,如果用户获得授权,它会呈现子级,而不是呈现一些错误页面。

关于javascript - 如何在React中根据角色授权用户,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60381497/

相关文章:

javascript - 在简单模式中取消单击时不会调用 onClose 事件...当我在简单模式上加载另一个 jquery 对话框时?

javascript - React 中响应的用法

javascript - 根据javascript中的日期字段删除重复元素

javascript - html的多个内联注释

javascript - react : TypeError: _useContext is undefined

javascript - react : event handling in ES8

javascript - 在 react 中将数据从数组加载到选择列表中时出现问题

javascript - 如何让匿名函数库与 webpack 一起运行

javascript - 如何比较两个数组,删除第一个数组中第二个数组中缺少的元素并推送差异

javascript - S3 jQuery objectProperties 文件(键)命名和路径?