如何在React JS APP中管理多个角色?



如果我将登录的用户角色存储在localstorage(即user)中。所以用户将只看到用户的仪表板。但是,如果用户手动登录,请将localstorage中的角色更改为admin。然后用户现在可以看到管理仪表板的内容。我只是想知道如何解决这个问题。

希望这些步骤能对你有所帮助

  • 你可以在应用程序中存储用户角色(ContextApi或Redux)。
  • 并将令牌保存在本地存储中。
  • 当你重新加载应用程序时,你可以使用useEffect钩子向后端发送一个请求,以了解用户的角色。
  • ,然后编辑存储的数据。
  • ,当你添加任何组件到你的应用程序,你可以访问什么用户类型可以看到这个组件,并渲染它只为合适的用户。

你可以看看这篇文章

最新更新