如何在與 react-redux 的反應中使用導航

Question

我正在使用 react-redux 制作登錄泡沫，請向我建議我將如何使用導航

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]
  )

Answer 1

您是否像這樣在文件頂部導入了useNavigate ？

import { useNavigate } from "react-router-dom";

然后，要使用它，請將其分配給一個變量：

let navigate = useNavigate();

然后像在代碼中一樣使用它： navigate("/dashboard");