如何使用 MERN 通过 CheckboxList 分配用户权限

Question

我正在尝试使用复选框列表通过 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>
              )}

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

这是我想要的：

Answer 1

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

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

Answer 2

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

如何使用 MERN 通过 CheckboxList 分配用户权限

How to Assign User Permission Via CheckboxList Using MERN

mongodb

node.js

user-permissions

express

reactjs