Ingxaki ephambili enxulumene neReact Router Link kukuba ayihlaziyi kakuhle imbali yesikhangeli xa ucofa. Oku kuthetha ukuba ukuba umsebenzisi ucofa iNxulumano aze acofe iqhosha elingasemva, baya kubuyiselwa kwiphepha elidlulileyo endaweni yephepha abasuka bahamba kulo. Ukongeza, oku kunokubangela ukuziphatha okungalindelekanga kwezinye iimeko, njengaxa usebenzisa imitya yombuzo okanye amaqhekeza e-hash.
import { BrowserRouter as Router, Route, Link } from "react-router-dom";
<Router>
<div>
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
</div>
</Router>
1. ngenisa ngaphandle {IbrowserRouter njengeNdlela, iNdlela, iNxulumano } ukusuka kwi-"react-router-dom";
// Lo mgca ungenisa i-BrowserRouter, iNdlela kunye noQhagamshelwano amacandelo kwilayibrari ye-react-router-dom.
2.
// Lo mgca wenza icandelo le-Router eliza kusetyenziswa ukwenza iindlela zesicelo sethu.
3.
4. Ikhaya
// Lo mgca wenza ikhonkco kwiphepha lasekhaya lesicelo sethu ngombhalo 'Ekhaya'.
5. malunga
// Lo mgca wenza ikhonkco kwiphepha elimalunga nesicelo sethu ngombhalo 'Malunga'.
6.
// Lo mgca udala indlela yephepha lasekhaya lesicelo sethu kwaye unikezela icandelo laseKhaya xa lifunyenwe ngumsebenzisi.
7.
8.
// Oku kuvala into yethu ye-div equlethe zonke iindlela zethu kunye namakhonkco
Ikhonkco v6
Ikhonkco v6 licandelo elitsha kwi-React Router ebonelela ngesisombululo esichazayo, esifikelelekayo sokukhangela kwi-React applications. Ithatha indawo yecandelo le-Link yangaphambili kwaye ibonelela ngeempawu ezingaphezulu kunye nenkxaso engcono yokufikeleleka. Ikhonkco v6 ixhasa amakhonkco aqhelekileyo kunye neendlela eziguquguqukayo, ezivumela abaphuhlisi ukuba benze amava okukhangela anamandla ngaphandle kokulawula iindlela okanye ukusebenzisa amathala eencwadi yomntu wesithathu. Ikwaxhasa unikezelo lwe-server-side, evumela abaphuhlisi ukuba benze izicelo ze-SEO ezinobuhlobo kunye nomzamo omncinci. Ekugqibeleni, i-Link v6 inenkxaso eyakhelwe-ngaphakathi yokulandelela uhlalutyo, okwenza kube lula ukulandelela ukusebenzisana komsebenzisi kunye nesicelo sakho.
Kutheni iReact Router Link ingasebenzi
Kukho izizathu ezininzi zokuba kutheni iReact Router Link ingasebenzi kwiReact Router. Esona sizathu sixhaphakileyo sesokuba icandelo elidityaniswe kulo alimiselwanga ngokufanelekileyo okanye limiselwe. Umzekelo, ukuba icandelo elidityaniswe kulo alizange lingeniswe ngokuchanekileyo, okanye ukuba indlela yendlela ayichanekanga, iReact Router Link ayizukusebenza. Ukongeza, ukuba kukho naziphi na ii-typos kwindlela yendlela okanye igama lecandelo, oku kunokubangela imiba ngeReact Router Link. Okokugqibela, ukuba kukho naziphi na iingxabano phakathi kweendlela ezininzi (ezifana neendlela ezimbini ezinendlela echanekileyo efanayo), oku kunokubangela imiba ngeReact Router Link.
