Ingxaki ephambili enxulumene nomsonto weReact Router kukuba kunokuba nzima ukuyiqwalasela ngokuchanekileyo. Ifuna ukuseta okuninzi kunye noqwalaselo, kwaye ukuba yenziwe ngokungalunganga, kunokukhokelela ekuziphatheni okungalindelekanga okanye iimpazamo. Ukongeza, amaxwebhu omsonto weReact Router awasoloko ecacile okanye esexesheni, nto leyo eyenza kube nzima kubaphuhlisi ukusombulula imiba.
add react-router-dom
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
<Router>
<div>
<ul>
<li><Link to="/">Home</Link></li>
<li><Link to="/about">About</Link></li>
<li><Link to="/topics">Topics</Link></li>
</ul>
<hr />
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/topics" component={Topics} />
</div>
</Router>
1. Lo mgca ungenisa ngaphandle i-BrowserRouter, Route, and Link components kwilayibrari ye-react-router-dom:
ngenisa ngaphandle {IbrowserRouter njengeNdlela, iNdlela, iNxulumano } ukusuka kwi-"react-router-dom";
2. Lo mgca usonga isicelo siphela kwicandelo le-Router ukubonelela ngokusebenza kwendlela:
3. Le div element iqulethe uluhlu lwamakhonkco aya kusetyenziswa ukuhamba phakathi kweendlela ezahlukeneyo:
- Ikhaya
- malunga
- izihloko
4. Esi sixhobo se-hr sisetyenziswa njengesahluli esibonakalayo phakathi kwamakhonkco okukhangela kunye nomxholo wendlela:
5. Le migca ichaza iindlela ezintathu ezahlukeneyo zosetyenziso lwethu kusetyenziswa icandelo leNdlela yeReact Router:
6. Okokugqibela, le tag yokuvala i-div ivala i-div yethu yesicelo esongayo:
yintoni iReact Router
I-React Router lithala leencwadi le-React elivumela abaphuhlisi ukuba benze kwaye balawule iindlela ngaphakathi kwezicelo zabo ze-React. Ibonelela ngendlela yokuchaza iindlela zemephu kumacandelo, ukuphatha iiparamitha ze-URL, kunye nokulawula imicimbi yokukhangela. Ikwabonelela ngeempawu ezinjengokulinganisa umzila oguquguqukayo, ukuphatha inguqu yendawo, kunye nokubuyiselwa kokuskrola.
Yintoni uMsonto
Umsonto ngumphathi wepakethe yeJavaScript enceda abaphuhlisi balawule ukuxhomekeka kwabo ngendlela esebenzayo nekhuselekileyo. Isetyenziswa yiReact Router ukufaka, ukuhlaziya, kunye nokuqwalasela iipakethe. Umsonto ukwanceda abaphuhlisi bagcine umkhondo wokuxhomekeka kweprojekthi yabo, beqinisekisa ukuba zonke iipakethe eziyimfuneko zifakiwe kwaye zihlaziyiwe. Oku kwenza kube lula ukusebenza kwiiprojekthi ezinabaphuhlisi abaninzi njengoko umntu ngamnye enokukhangela ngokulula ukuba zeziphi iinguqulelo zeepakethe ekufuneka bazisebenzise.
