如何在 react-redux 中使用 navigate
how to use navigate in react with react-redux
我正在使用 react-redux 在 react 上制作登录泡沫,请向我建议我将如何使用 navigate here
const { isAuthenticated, error, loading} = useSelector(state =>state.auth);
useEffect(()=>{
if(isAuthenticated){
navigate("/dashboard");
}
if(error){
// alert.error(error);
dispatch(clearErrors());
}
},
// [dispatch,alert,isAuthenticated,error,navigate]
[dispatch,isAuthenticated,error,navigate]
)
您是否像这样在文件顶部导入 useNavigate
?
import { useNavigate } from "react-router-dom";
然后,要使用它,请将其分配给一个变量:
let navigate = useNavigate();
然后像在代码中一样使用它:
navigate("/dashboard");
我正在使用 react-redux 在 react 上制作登录泡沫,请向我建议我将如何使用 navigate here
const { isAuthenticated, error, loading} = useSelector(state =>state.auth);
useEffect(()=>{
if(isAuthenticated){
navigate("/dashboard");
}
if(error){
// alert.error(error);
dispatch(clearErrors());
}
},
// [dispatch,alert,isAuthenticated,error,navigate]
[dispatch,isAuthenticated,error,navigate]
)
您是否像这样在文件顶部导入 useNavigate
?
import { useNavigate } from "react-router-dom";
然后,要使用它,请将其分配给一个变量:
let navigate = useNavigate();
然后像在代码中一样使用它:
navigate("/dashboard");