我如何向用户展示特定的网页设计? [英] How do I show a specific web design to a user?
本文介绍了我如何向用户展示特定的网页设计?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
推荐答案
我进行此操作的一般方法是仅在身份验证后公开一层路由。类似于下面的内容。
const Routes = () => {
return (
<Switch>
<Route path="/admin">
<AdminView />
</Route>
</Switch>
);
}
const ProtectedRoutes = () => {
const [isAuthenticated, setAuthenticatedStatus] = useState(false);
useEffect(() => {
// business logic or api calls here
setAuthenticatedStatus(true); // assuming valid user
}, []); // keep necessary dependencies
if(isAuthenticated) return <Routes />;
return <UserNeedsPermission />;
}
有些人还使用组件级别的临时方法来实现这一点,这也是另一种可能的方法,但可能不需要,例如
const Admin = () => (<div>Admin View</div>);
const withAuthentication = (Comp) => (props) => {
const [isAuthenticated, setAuthenticatedStatus] = useState(false);
useEffect(() => {
// business logic or api calls here
setAuthenticatedStatus(true); // assuming valid user
}, []); // keep necessary dependencies
if(isAuthenticated) return <Comp {...props} />
return <UserNeedsAuthentication />;
}
export default withAuthentication(Admin);
这篇关于我如何向用户展示特定的网页设计?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文