Kuxazululiwe: kudluliswa idatha kumlando we-router%2Cpush

Inkinga enkulu ehlobene nokudlulisa idatha emlandweni we-react router, i-push ukuthi idatha ayiqhubeki kulo lonke ukuvuselelwa kwekhasi. Uma umsebenzisi evuselela ikhasi, idatha elondolozwe ku-history.push izolahleka futhi ngeke ize itholakalele ukusetshenziswa ekulayishweni kwamakhasi okulandelayo. Lokhu kungaholela ekuziphatheni okungalindelekile futhi kungabangela izinkinga lapho uzama ukufinyelela noma ukugcina idatha esuka ekulayisheni kwekhasi langaphambilini.

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 mugqa ungenisa ihhuku ye-useHistory kusuka kulabhulali ye-react-router-dom, enikeza ukufinyelela entweni yomlando elandelela indawo yamanje kuhlelo lokusebenza.

2. Lo mugqa umemezela isakhi esisebenzayo esibizwa ngokuthi i-MyComponent bese uyabela ukuguquguquka okungaguquki.

3. Lo mugqa usebenzisa ihhuku ye-useHistory engeniswe kulayini 1 ukuze uthole ukufinyelela entweni yomlando futhi inikeze okuguquguqukayo okungaguquki okubizwa ngokuthi umlando.

4. Lo mugqa umemezela umsebenzi obizwa nge-handleClick ethatha i-agumenti ebizwa ngokuthi idatha bese iphusha into equkethe igama lendlela kanye nezici zesimo kusitaki somlando usebenzisa i-history.push().

5. Lo mugqa ubuyisela ingxenye yenkinobho enesibambi se-onClick esibiza i-handleClick() ngento equkethe i-someData njengokungqubuzana kwayo lapho ichofozwa umsebenzisi.

Umlando uphusha

Ukusunduzwa komlando ku-React Router kuyindlela esetshenziselwa ukushintsha ngokohlelo i-URL esipheqululini ngaphandle kokubangela ukuvuselela kwekhasi. Ivumela onjiniyela ukuthi bakhe izinhlelo zokusebenza zekhasi elilodwa ezisakwazi ukuphatha ukuzulazula nokuxhumanisa okujulile. I-History push isebenza ngokusebenzisa i-API yomlando wesiphequluli, evumela abathuthukisi ukuthi basebenzise i-URL yamanje ngaphandle kokulayisha kabusha ikhasi. Lokhu kwenza kube nokwenzeka kubasebenzisi ukuthi bazulazule phakathi kwamakhasi ahlukene wohlelo lokusebenza ngaphandle kokulayisha kabusha isikhathi ngasinye. Ukwengeza, ingasetshenziselwa ukuxhumanisa okujulile, okuvumela abasebenzisi ukuthi baxhumane ngqo nezingxenye ezithile zohlelo lokusebenza.

Ngiwusebenzisa kanjani umlando kumzila we-react

I-React Router inikeza indlela yokusebenzisa umlando ezinhlelweni zakho zokusebenza ze-React. Umlando ukuvumela ukuthi ulandelele ikhasi lamanje, kanye nanoma imaphi amakhasi adlule avakashelwe. Lokhu kuyasiza ekudaleni ukuzulazula nokugcina umkhondo wezenzo zomsebenzisi.

Ukuze usebenzise umlando ku-React Router, udinga ukudala into yomlando usebenzisa indlela ye-createHistory() kusukela kuphakheji yomlando. Lokhu kuzokunikeza ukufinyelela ezindleleni ezifana ne-push(), replace(), kanye ne-go(). Lezi zindlela zikuvumela ukuthi ulawule i-URL yesiphequluli futhi uzulazule phakathi kwemizila ehlukene kuhlelo lwakho lokusebenza. Ungasebenzisa futhi indlela yokulalela () ukuze ulalele izinguquko ku-URL futhi ubuyekeze uhlelo lwakho lokusebenza ngokufanele.

Uma usudale into yomlando, ungayidlulisela engxenyeni yakho yerutha lapho uyidala. Lokhu kuzovumela i-React Router ukuthi ilandele zonke izinguquko ezenziwe abasebenzisi futhi ibuyekeze ngokufanele.

Ukusebenzisa umlando nge-React Router kwenza kube lula konjiniyela ukuthi bakhe izingxenye ezinamandla zokuzulazula okulula kubasebenzisi ukuziqonda nokuxhumana nazo.