Reactjs 我制作了一个MERN堆栈,但在为用户创建角色时遇到了问题。有什么解决办法吗?

Reactjs 我制作了一个MERN堆栈,但在为用户创建角色时遇到了问题。有什么解决办法吗?,reactjs,button,frontend,user-permissions,Reactjs,Button,Frontend,User Permissions,因此,我认为我希望为用户创建角色,例如Role1可以从AutoSearch字段中选择一名员工,然后单击按钮,并可以编写评论。角色2可以单击注释按钮,然后单击“机械工具”按钮。Role3可以单击每个按钮+PrivateRoute的链接,即“注册”(将新员工添加到数据库)。对于角色1,您可以意识到,不可能单击“机械工具”按钮,但其角色可以看到其结果。此外,整个应用程序必须保持单击按钮的状态(按钮类似于开/关)。我假设我必须让这些按钮向MongoDB发送状态,但我不知道如何从角色开始 我试图在Mong

因此,我认为我希望为用户创建角色,例如Role1可以从AutoSearch字段中选择一名员工,然后单击按钮,并可以编写评论。角色2可以单击注释按钮,然后单击“机械工具”按钮。Role3可以单击每个按钮+PrivateRoute的链接,即“注册”(将新员工添加到数据库)。对于角色1,您可以意识到,不可能单击“机械工具”按钮,但其角色可以看到其结果。此外,整个应用程序必须保持单击按钮的状态(按钮类似于开/关)。我假设我必须让这些按钮向MongoDB发送状态,但我不知道如何从角色开始

我试图在MongoDB中做到这一点,但我不是指数据库的可访问性,而是指点击应用程序中每个元素的可能性

我的意思是这些黄色按钮+轮胎下的文本字段。很抱歉,我没有写代码,但我有3个不同的文件,你可能不明白我的意思。


我希望能够以用户身份登录(我现在可以这样做),并为其帐户分配一个具有权限的角色。

那么问题是什么呢?好吧。。我在登记表上有一个角色,对吗?我检查其中一个。如何确保创建的用户具有该权限?拥有Role1的用户可以做这个和那个,但不能做那个,拥有Role2的用户可以做那个,Role3可以做任何事情?在您想要拥有可变权限的每个组件/方法上设置一个标志。将用户信息及其角色置于存储/父状态,然后让组件对角色值作出反应。就这么简单。不幸的是,这听起来不是很安全,如果当前用户没有适当的权限,您可能仍然希望在服务器端验证角色,并防止在后端执行某些方法