时间戳

首页 > 解决方案 > 使用 React 以不同的角色和验证登录

reactjs - 使用 React 以不同的角色和验证登录

问题描述

我有一个问题，如果有人可以帮助我，我将不胜感激。我正在使用不同的角色登录：应用程序文件（加载应用程序）发送一个角色 0，这将是我的登录名（因此它显示用户、密码和按钮字段）

当我验证用户确实存在时，如果此人是具有不同权限的用户、管理员，我需要进行验证。

标签： reactjsvalidationauthentication

解决方案

不确定我是否完全理解您的问题，但这里有一个解决方案：

  • 您设置了一个上下文，以便能够轻松地保持有关多个组件之间权限的状态
  • 您提出登录请求并获得您的权限
  • 您调度/设置/保存您的权限
  • 例如，如果您使用 Redux，您可以在商店中设置以保存这些权限，并在需要时验证它们是否为真/假

另外，这里是 auth 的示例，我建议您使用 react-router： https ://reacttraining.com/react-router/web/example/auth-workflow

上下文 API： https ://reactjs.org/docs/context.html

Redux： https ://redux.js.org/basics/store 如何在 react redux 应用程序中实现基于角色的限制/权限？

推荐阅读