使用路由的ReactTS中的挂钩调用无效
使用路由的ReactTS中的挂钩调用无效
提问于 2021-06-12 20:18:10
我有一个PrivateRoute组件，
interface Props {
path: string,
exact: boolean,
component: React.FC<any>;
}
const PrivateRoute: React.FC<Props> = ({ component, path, exact }) => {
return (
<Route
path={path}
exact={exact}
>
{
getCookie('name').length !== 0 ? component : <Redirect to="/login" />
}
</Route>
);
}但是当我试图在PrivateRoute中使用useState钩子时，我得到了invalid hook call错误。
例如，
const [some, setSome] = useState(true);
// Calling this inside a private route will throw an error!如何解决这个问题？
编辑
这就是PrivateRoute的用法，
<Switch> // from react-router-dom
<Route path="/login" component={Login} />
<PrivateRoute path="/" exact component={Home} />
</Switch>编辑2
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-13 23:56:30
这现在起作用了。
export const PrivateRoute: React.FC<{
component: React.FC<any>;
path: string;
exact: boolean;
}> = ({ component, path, exact }) => {
const auth = useAuthProvider();
return auth.isAuth ? <Route path={path} exact={exact} component={component}/> : <Redirect to="/" />
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67948781
复制相关文章
相似问题
腾讯云开发者
