Node.js 如何使用MERN通过复选框列表分配用户权限

我正在尝试通过MERN使用复选框列表授予用户权限，我已经尝试通过使用if和else语句授予固定权限来手动授予用户权限。以下是一个例子：

 {user.role == "SuperAdmin" || user.role == "Admin" ? (
                <>
                  {/* Users */}
                  <PrivateRoute path="/admin/users" component={Users} exact />
                  <PrivateRoute
                    path="/admin/users/create"
                    component={AddUser}
                    exact
                  />
                  <PrivateRoute
                    path="/admin/users/edit/:id"
                    component={EditUser}
                    exact
                  />
              ) : (
                <div id="notfound">
                  <div class="notfound">
                    <div class="notfound-404">
                      <h1>Oops!</h1>
                    </div>
                    <h2>404 - You are not Authorized</h2>
                    <p>
                      The page you are looking for might have been removed had
                      its name changed or you are not authorized to access this
                      page.
                    </p>
                    <a href="#">Go To Homepage</a>
                  </div>
                </div>
              )}

{user.role==“SuperAdmin”| | user.role==“Admin”(
{/*用户*/}
) : (
哎呀！
404-您未经授权

您正在查找的页面可能已被删除
其名称已更改，或者您无权访问此文件
页

)}

如您所见，我在路线中使用了if和else语句，是否有任何软件包教程或示例代码，您可以给我使用MERN的复选框列表分配用户权限，谢谢大家的帮助。您的回答将不胜感激。：）

以下是我想要的：

---

我认为您需要添加一些条件，如

{user && user !=null && user.role &&(user.role == "SuperAdmin" || user.role == "Admin")? (-- your if code) : (---your else code)};

---

我认为当您从其中一个专用路由发出请求时，您需要联系服务器。您可以通过Axios从那里发送post/patch更新。我们需要查看组件中发生了什么，以帮助您解决复选框问题。

谢谢您的回答，但我希望通过复选框列表授予用户权限，如创建用户复选框。您正在比较2个字符串，因此当涉及javascript时，比较语句应该是user.role==“SuperAdmin”，而不是user.role==“超级管理员“使用三重相等。是否要创建一种用户权限管理页？还是要确保只有特定用户才能访问/react-route1、/react-route2等？@JRichardsz是的，用户权限管理页面请添加所需表单的屏幕？例如，查看此页面，可以看到经典的用户创建、角色和操作管理。这就是你所需要的吗？如果你想创建一个用户权限/角色管理应用程序，那么看看这篇非常详细的文章。作者在前端也有一篇非常详细的文章，它使用了这个节点后端——我的意思是制作用户管理页面，你可以使用复选框列表授予权限