Kuxazululiwe: phendula umzila 6 zulazula

Inkinga enkulu ehlobene nokuzulazula kwe-React Router 6 ukuthi ayinikezi indlela yokudlulisa ama-props noma isimo kumzila oqondiwe. Lokhu kusho ukuthi uma udinga ukudlulisa idatha usuka komunye umzila uye komunye, kufanele usebenzise ilabhulali efana ne-React Query noma i-Redux. Ukwengeza, isistimu yokuzulazula isekelwe kuma-URL hhayi izingxenye, ngakho-ke kungaba nzima konjiniyela abajwayele ukusebenza ngezingxenye esikhundleni sama-URL.

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

const history = useHistory();

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

1. Lo mugqa ungenisa ihuku ye-useHistory kusuka kulabhulali ye-react-router-dom.
2. Lo mugqa udala umlando omusha ongaguquki futhi uwunikeze ihuku le-useHistory.
3. Lo mugqa usebenzisa umlando ongaguquki ukuze uzulazule endleleni ethile, kulesi simo "/indlela/iya/ikhasi".

Zula

I-React Router iwumtapo womzila onamandla owakhiwe phezu kwe-React esiza onjiniyela bakhe, baphathe futhi baphathe ukuzulazula ezinhlelweni zabo zokusebenza. Ihlinzeka ngesixazululo esiphelele somzila wezinhlelo zokusebenza ze-React ezinezici ezifana nokufanisa umzila oguquguqukayo, ukuphatha ukuguqulwa kwendawo, ukubuyisela ukuskrola, nokuningi. Ukuzulazula kuyingxenye ebalulekile ye-React Router evumela onjiniyela ukuthi bazulazule ngokohlelo phakathi kwemizila eyahlukene ohlelweni lwabo lokusebenza. Ihlinzeka nge-API yokuzulazula phakathi kwemizila usebenzisa into yomlando noma ngokunikeza igama lendlela ngokuqondile. Nge-Navigate, onjiniyela bangakha kalula izixhumanisi kwamanye amakhasi ngaphakathi kohlelo lwabo lokusebenza futhi banikeze abasebenzisi amandla okushintsha phakathi kokubuka okuhlukile ngaphandle kokulayisha kabusha ikhasi.

Ngizulazula kanjani ngerutha ye-react?

Ukuzulazula nge-React Router kuyinqubo elula. Ukuze uqalise, uzodinga ukufaka iphakheji ye-React Router kusuka ku-npm. Uma isifakiwe, ungasebenzisa i- ingxenye yokuchaza imizila kuhlelo lwakho lokusebenza. I ingxenye ithatha izingxenye ezimbili: indlela kanye nengxenye. I-prop yendlela ichaza indlela ye-URL ezocupha umzila, futhi ingxenye yeprop iyingxenye ye-React ezonikezwa uma lowo mzila ufaniswa.

Ungasebenzisa futhi ezinye izingxenye ezifana , , Futhi ukuze wenze ngendlela oyifisayo umuzwa wakho womzila. I ingxenye ikuvumela ukuthi udale izixhumanisi phakathi kwemizila ehlukene kuhlelo lwakho lokusebenza, kuyilapho i- ingxenye ikuvumela ukuthi uqondise kabusha abasebenzisi usuka komunye umzila uye komunye. Ekugcineni, i ingxenye ikuvumela ukuthi unikeze ingxenye eyodwa kuphela kweziningi ngokusekelwe ekutheni yimuphi umzila ofana kuqala.

Ukusebenzisa lezi zingxenye ndawonye kukunikeza ukulawula okunamandla kokuthi abasebenzisi bazulazula kanjani ohlelweni lwakho lokusebenza futhi kunikeza indlela enembile yokuthi benze kanjalo.