Isonjululwe: kudluliswa idatha kwimbali yerouter esabelayo% 2Cpush

Ingxaki ephambili enxulumene nokudlulisa idatha kwimbali ye-router esabelayo, ukutyhala kukuba idatha ayiqhubeki kulo lonke uhlaziyo lwephepha. Xa umsebenzisi ehlaziya iphepha, idatha egcinwe kwimbali.push iya kulahleka kwaye ayiyi kufumaneka ukuze isetyenziswe kumthwalo wephepha elilandelayo. Oku kunokukhokelela ekuziphatheni okungalindelekanga kwaye kunokubangela imiba xa uzama ukufikelela okanye ukugcina idatha ukusuka kumthwalo wephepha elidlulileyo.

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

const MyComponent = () => {
  const history = useHistory();

  const handleClick = (data) => {
    history.push({ pathname: "/mypage", state: data });
  };

  return <button onClick={() => handleClick({ someData: "data" })}>Go</button>;
};

1. Lo mgca ungenisa i-hook ye-useHistory kwilayibrari ye-react-router-dom, enika ukufikelela kwinto yembali egcina umkhondo wendawo yangoku kwi-app.

2. Lo mgca ubhengeza icandelo elisebenzayo elibizwa ngokuba yiMyComponent kwaye linike into eguquguqukayo engatshintshiyo.

3. Lo mgca usebenzisa i-useHistory hook engeniswe kumgca woku-1 ukufumana ufikelelo kwinto yembali kwaye yabele into eguquguqukayo ebizwa ngokuba yimbali.

4. Lo mgca ubhengeza umsebenzi obizwa ngokuba yiHandleClick ethatha impikiswano ebizwa ngokuba yidatha kwaye ityhale into equlathe igama lomendo kunye neempawu zombuso kwisitaki sembali usebenzisa imbali.push().

5. Lo mgca ubuyisela into eneqhosha eline-onClick isibambi sesiganeko esifowunela iHandleClick() ngento equlathe someData njengengxoxo yayo xa ucofa ngumsebenzisi.

Imbali ityhala

Ukutyhala kwembali kwiReact Router yindlela esetyenziswayo ukuguqula ngokwenkqubo iURL kwisikhangeli ngaphandle kokubangela uhlaziyo lwephepha. Ivumela abaphuhlisi ukuba benze izicelo zephepha elinye ezisakwazi ukuphatha ukukhangela kunye nokudibanisa okunzulu. Imbali yokutyhala isebenza ngokusebenzisa imbali yesikhangeli API, evumela abaphuhlisi ukuba basebenzise i-URL yangoku ngaphandle kokulayisha kwakhona iphepha. Oku kwenza kube lula kubasebenzisi ukuzulazula phakathi kwamaphepha ohlukeneyo esicelo ngaphandle kokuphinda balayishe ixesha ngalinye. Ukongeza, ingasetyenziselwa ukudibanisa okunzulu, ukuvumela abasebenzisi ukuba badibanise ngokuthe ngqo kwiindawo ezithile zesicelo.

Ndiyisebenzisa njani imbali kwi-react router

I-React Router ibonelela ngendlela yokusebenzisa imbali kwizicelo zakho zeReact. Imbali ikuvumela ukuba ugcine umkhondo wephepha langoku, kunye nawo nawaphi na amaphepha adlulileyo andwendwelwe. Oku kuluncedo ekudaleni ukukhangela kunye nokugcina umkhondo wezenzo zomsebenzisi.

Ukusebenzisa imbali kwiReact Router, kufuneka wenze into yembali usebenzisa i createHistory() indlela esuka kwiphakeji yembali. Oku kuya kukunika ufikelelo kwiindlela ezinje ngotyhala (), buyisela (), kwaye hamba (). Ezi ndlela zikuvumela ukuba usebenzise i-URL yesikhangeli kwaye ujikeleze phakathi kweendlela ezahlukeneyo kwisicelo sakho. Unokusebenzisa indlela yokumamela () ukumamela utshintsho kwi-URL kwaye uhlaziye isicelo sakho ngokufanelekileyo.

Nje ukuba udale into yembali, ungayigqithisa kwi-router component yakho xa uyidala. Oku kuya kuvumela iReact Router ukugcina umkhondo wazo zonke iinguqu ezenziwe ngabasebenzisi kunye nokuhlaziya ngokufanelekileyo.

Ukusebenzisa imbali ngeReact Router kwenza kube lula kubaphuhlisi ukwenza izinto ezinamandla zokujonga ekulula ukuba abasebenzisi baziqonde kwaye banxibelelane nazo.