Isonjululwe: i-react router 6 jonga

Ingxaki ephambili enxulumene neReact Router 6 navigate kukuba ayiboneleli ngendlela yokudlula iiprops okanye imeko kwindlela ekujoliswe kuyo. Oku kuthetha ukuba ukuba ufuna ukudlulisa idatha ukusuka kwindlela enye ukuya kwenye, kufuneka usebenzise ilayibrari efana neReact Query okanye i-Redux. Ukongezelela, inkqubo yokukhangela isekelwe kwii-URL kwaye kungekhona amacandelo, ngoko kunokuba nzima kubaphuhlisi abasetyenziselwa ukusebenza ngamacandelo endaweni yee-URLs.

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

const history = useHistory();

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

1. Lo mgca ungenisa ihuku ye-useHistory kwilayibrari ye-react-router-dom.
2. Lo mgca wenza into entsha engatshintshiyo ebizwa ngokuba yimbali kwaye inike i-useHistory hook.
3. Lo mgca usebenzisa imbali engapheliyo ukuhamba kwindlela ethile, kule meko "/indlela/yephepha".

Zula

IReact Router lithala leencwadi elinamandla elakhiwe phezu kweReact enceda abaphuhlisi benze, balawule kwaye baphathe ukukhangela kwizicelo zabo. Ibonelela ngesisombululo esipheleleyo sendlela yokusetyenziswa kweReact eneempawu ezinjengokulinganisa umzila oguquguqukayo, ukuphathwa kwendawo yokutshintsha, ukubuyisela ukuskrola, kunye nokunye. Ukuhamba yinxalenye ebalulekileyo yeReact Router evumela abaphuhlisi ukuba bahambe ngokwenkqubo phakathi kweendlela ezahlukeneyo kwisicelo sabo. Inika i-API yokuhamba phakathi kweendlela usebenzisa into yembali okanye ngokubonelela ngegama lendlela ngokuthe ngqo. Nge-Navigate, abaphuhlisi banokwenza lula amakhonkco kwamanye amaphepha ngaphakathi kwesicelo sabo kwaye banike abasebenzisi amandla okutshintsha phakathi kweembono ezahlukeneyo ngaphandle kokulayisha kwakhona iphepha.

Ndihamba njani ngereact router?

Ukuhamba ngeReact Router yinkqubo elula. Ukuqalisa, kuya kufuneka ufake iphakheji yeReact Router ukusuka kwi-npm. Nje ukuba ifakiwe, ungasebenzisa i icandelo lokuchaza iindlela kwisicelo sakho. I icandelo lithatha iipropu ezimbini: indlela kunye necandelo. Ipropu yendlela ichaza umendo we-URL ozakuqala indlela, kunye nepropu yecandelo licandelo le-React eliza kwenziwa xa loo ndlela idityaniswa.

Ungasebenzisa namanye amacandelo afana , , yaye ukwenza ngokwezifiso amava akho omzila. I icandelo likuvumela ukuba wenze amakhonkco phakathi kweendlela ezahlukeneyo kwisicelo sakho, ngelixa i icandelo likuvumela ukwalathisa abasebenzisi ukusuka kwenye indlela ukuya kwenye. Ekugqibeleni, i icandelo likuvumela ukuba unikeze elinye kuphela lamalungu amaninzi ngokusekelwe ekubeni yeyiphi indlela ehambelana kuqala.

Ukusebenzisa la macandelo kunye kukunika ulawulo olunamandla malunga nendlela abasebenzisi abahamba ngayo kwisicelo sakho kwaye ibonelela ngendlela enengqondo yokuba benze njalo.