螢屏上會出現一兩秒鐘的錯誤頁面，直到請求讓我獲得用戶的角色，以便我可以向他展示正確的頁面。從一開始我如何向他們展示正確的頁面
uj5u.com熱心網友回復：
處理角色的最佳方法是 App.js 檔案，因為您的所有路由都在那里，然后您可以根據他們的角色指定應該可用的路由。就像這個例子：
// App.js
function App() {
const [addUserManagment, setAddUserManagment] = useState({
render: false,
type: "",
});
useEffect(() => {
const space = localStorage.getItem("space");
if (space === "c" || space === "a") {
setAddUserManagment({
render: true,
type: space,
});
}
}, []);
return (
<div className="App">
<Routes>
<Route path="/">
<Route index element={<Login />} />
<Route path="forget-password" element={<ForgetPassword />} />
<Route path="reset-password/:token" element={<RestPassword />} />
<Route
path="register/:campanyName/:companyId"
element={<InviteRegister />}
/>
</Route>
<Route path="profile" element={<Profile />} />
{addUserManagment.render && (
<Route path="setting" element={<Setting />} />
)}
{addUserManagment.render && (
<Route
path="user-management"
element={
addUserManagment.type === "c" ? <UserList /> : <UserListAdmin />
}
/>
)}
</Route>
</Routes>
)
}
現在，如果用戶型別等于 c 或 a，則呈現 settign 和 user-managment。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/430890.html
標籤：javascript 反应 网络