Navigasi dan ubah hala tidak mengubah hala ke laluan dalam penghala tindak balas

Question

Saya mempunyai tab logistik dan jika nilai logisticData adalah batal, saya mengubah hala halaman ke "/logistic" daripada ":logisticId/edit" Walau bagaimanapun, apabila saya melaksanakan kod ini, ia tidak mengubah hala fungsi kodEditLogistic(){ const{state }=useLocation();constlogisticData=state;console.log(l

P粉352408038 · Answer

redirectFungsi utiliti hanya sah dalam fungsi pemuat dan operasi penghala data, bukan dalam komponen React.

Anda boleh mengeluarkan useEffect 挂钩中的 navigateimperatif tindakan navigasi melalui fungsi :

import { useLocation, useNavigate } from 'react-router-dom';

function EditLogistic() {
  const { state } = useLocation();
  const logisticData = state;

  const navigate = useNavigate();

  useEffect(() => {
    if (!logisticData) {
      navigate("/logistic", { replace: true });
    }
  }, [logisticData, navigate]);

  ...
}

Atau anda boleh mengeluarkan Navigateperisytiharan tindakan navigasi melalui komponen :

import { Navigate, useLocation } from 'react-router-dom';

function EditLogistic() {
  const { state } = useLocation();
  const logisticData = state;

  if (!logisticData) {
    return ;
  }

  ...
}