如何在 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");