Ixazululiwe: i-router push

Isibuyekezo sokugcina: 09/21/2023
Author: I-JavaScript SourceTrail

Umhlaba wokuthuthukiswa kwewebhu uletha izinselelo ezahlukahlukene ezidinga izixazululo ezisebenzayo. Enye yalezi zinselele ukuzulazula ezingxenyeni ezihlukene noma amakhasi ezinhlelweni zokusebenza. Lesi sihloko sigxile enkingeni eyodwa enjalo yobuchwepheshe- i-router push. I-router push, empeleni, iyindlela yokuhamba phakathi kwamakhasi ngaphandle kokuvuselelwa kwekhasi eligcwele ngaleyo ndlela udale ulwazi lomsebenzisi olungenazihibe. Lokhu kuvame ukusingathwa ngerutha kuhlelo lokusebenza, kanye nendlela yokuphusha etholakala entweni yomlando.

Ubunzima bokusebenzisa i-push ye-router ngendlela efanele ilele ekuphatheni isimo nomlando wesiphequluli. Lapho usebenza nezinhlelo zokusebenza ezinkulu, ukuqonda ukuthi ukuzulazula kusithinta kanjani isimo sohlelo lwakho lokusebenza kubalulekile.

Ake singene ku-router push , ukuthi ungayisebenzisa kanjani ngendlela efanele, nokuthi isebenzisana kanjani nemitapo yolwazi noma imisebenzi ehlukene.

Isixazululo se-Router Push

Ukuze usebenzise ngempumelelo i-router push ku-JavaScript, cishe uzobe usebenzisa enye yelabhulali yomzila edumile, efana ne-React Router noma i-Vue Router.

Ukusebenzisa i-router push ngalezi zilayibrari kuhilela ukubiza umsebenzi we-push ku-router object, nokudlulisa i-URL ofuna ukuya kuyo. Lo msebenzi uzofaka into entsha ku-history stack, yingakho igama elithi “router push”.

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

function Example() {
  const history = useHistory();

  function handleClick() {
    history.push("/home");
  }

  return (
    <button type="button" onClick={handleClick}>
      Go home
    </button>
  );
}

Ukuhlukaniswa kwesinyathelo ngesinyathelo kwe-Router Push

Ake siqale ekuqaleni. Umsebenzi `we-useHistory`, okuyihhuku ehlinzekwa yi-React Router, ukunika ukufinyelela kusenzakalo somlando ongasisebenzisa ukuze uzulazule.

  • Okokuqala, singenisa umsebenzi othi `useHistory` usuka ku-'react-router-dom'.
  • Ngaphakathi kwengxenye, sikubiza ngokuthi `useHistory` futhi isinika isibonelo sento yomlando. Sinikeza le nto kokuhluka `komlando`.
  • Bese sidala umsebenzi, `handleClick`, okuyothi uma wenziwe uzobiza umsebenzi ``phusha` entweni `yomlando` wethu.
  • Iyunithi yezinhlamvu '/ekhaya' idluliswa njengengxabano kokuthi `phusha`, okubonisa umzila okufanele kuzulwe kuwo.
  • Lo msebenzi othi `handleClick` ube usunamathiselwa kumcimbi othi `onClick` wenkinobho. Ngakho-ke noma nini lapho inkinobho ichofozwa kuhlelo lwethu lokusebenza, uhlelo lokusebenza luzozulazula luye kumzila wasekhaya.

Ukuqonda imitapo yolwazi ehlobene, imisebenzi, nemiqondo

Ukuqonda ukuthi i-router push isebenza kanjani kuxhumene nokuqonda eminye imiqondo ebalulekile nemitapo yolwazi ekuthuthukisweni kwewebhu.

Into yomlando wesiphequluli: Yindlela yokuqonda i-router push ku-JavaScript. Ihlinzeka ngama-URL amaningi avakashelwe ngumsebenzisi, okukuvumela ukuthi uzulazule emuva naphambili emlandweni womsebenzisi.

I-React and React Router: Enye yemitapo yolwazi esetshenziswa kakhulu ekunika ikhono lokulawula ukuzulazula kwakho. Isebenzisa umqondo we-dynamic routing ohlehlisa ukucushwa komzila kuze kube yisikhathi sokusebenza.

I-Vue kanye ne-Vue Router: Lawa malabhulali anikeza ne-dynamic routing kodwa nge-API elula. I-Vue Router ihlanganiswe ngokujulile ne-Vue.js core ukuze kube lula ukwakha izinhlelo zokusebenza ze-Single Page nge-Vue.js.

Ngokwazi kahle le mibono namathuluzi, ukhulisa ikhono lakho lokwakha izinhlelo zokusebenza zewebhu ezisebenza kahle nezisebenziseka kalula. Ukuqonda ngokuqinile lobu buchwepheshe kuzothuthukisa amakhono akho okuxazulula izinkinga ekuthuthukisweni kwewebhu.

Okuthunyelwe okuhlobene: