La xaliyay: react router 6 navigate

Dhibaatada ugu weyn ee la xiriirta React Router 6 navigate waa in aysan bixin hab lagu dhaafo agabka ama loo sheego waddada la beegsanayo. Tani waxay ka dhigan tahay haddii aad u baahan tahay inaad xogta ka gudbiso waddo kale, waa inaad isticmaashaa maktabad sida React Query ama Redux. Intaa waxaa dheer, nidaamka navigation wuxuu ku salaysan yahay URL-yada ee maaha qaybo, markaa way ku adkaan kartaa horumariyeyaasha loo isticmaalo inay la shaqeeyaan qaybaha halkii URL-yada.

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

const history = useHistory();

history.navigate("/path/to/page");

1. Khadkani waxa uu ka soo dejiyaa jilbiska taariikhda isticmaalka ee maktabadda react-router-dom.
2. Khadkani waxa uu abuuraa taariikh cusub oo joogto ah waxana uu ku meeleeyaa jilbiska taariikhda.
3. Xariiqdani waxay isticmaashaa taariikhda joogtada ah si ay ugu socoto waddo cayiman, kiiskan "/dariiqa/bogga".

Dul

React Router waa maktabadda jihaynta awooda badan ee lagu dhisay dusheeda React taasoo ka caawisa horumariyayaasha inay abuuraan, maamulaan oo maamulaan hagidda codsiyadooda. Waxay siisaa xal marin dhamaystiran oo loogu talagalay codsiyada React oo leh astaamo ay ka mid yihiin iswaafajinta dariiqa firfircoon, maaraynta kala-guurka goobta, soo celinta duudduuban, iyo in ka badan. Navigate waa qayb muhiim ah oo ka mid ah React Router taas oo u oggolaanaysa horumariyayaasha inay barnaamij ahaan u dhex maraan dariiqyada kala duwan ee codsigooda. Waxay siisaa API-ga loogu kala dhex-mari karo dariiqyada iyadoo la isticmaalayo shayga taariikhda ama iyadoo si toos ah u bixisa magac waddo. Iyada oo la adeegsanayo Navigate, horumariyayaashu waxay si fudud u abuuri karaan xiriirinta bogag kale oo ku dhex jira codsigooda waxayna siin karaan isticmaaleyaasha awood ay ugu beddelaan aragtiyo kala duwan iyaga oo aan dib u soo gelin bogga.

Sideen ugu dhex socdaa react-ka?

Ku dhex socoshada React Router waa hab fudud. Si aad u bilowdo, waxaad u baahan doontaa inaad ku rakibto xirmada React Router ka npm. Marka la rakibo, waxaad isticmaali kartaa qayb si loo qeexo waddooyinka codsigaaga. The qaybtu waxay qaadataa laba qalab: dariiq iyo qayb. Jidku wuxuu qeexayaa dariiqa URL ee kicin doona dariiqa, iyo qayb ka mid ah prop waa qayb falcelin ah oo la bixin doono marka jidkaas la isku daro.

Waxa kale oo aad isticmaali kartaa qaybaha kale sida , , Iyo si aad u sii habayso khibradaada dariiqa. The Qaybtu waxay kuu ogolaanaysaa inaad abuurto xidhiidhyo u dhexeeya dariiqyo kala duwan ee codsigaaga, halka Qaybtu waxay kuu ogolaanaysaa inaad isticmaalayaasha ka jihayso hal waddo una wareejiso mid kale. Ugu dambeyntii, Qaybtu waxay kuu ogolaanaysaa inaad samayso mid ka mid ah qaybo badan oo ku salaysan dariiqa u dhigma marka hore.

Isticmaalka qaybahan wadajirka ah waxay ku siinaysaa koontarool xoog leh oo ku saabsan sida isticmaalayaashu u dhex maraan codsigaaga waxayna siisaa hab dareen leh oo ay sidaas ku sameeyaan.