Dhibaatada ugu weyn ee la xiriirta React Router Link waa in uusan si sax ah u cusbooneysiin taariikhda browserka marka la gujiyo. Tani waxay la macno tahay in haddii isticmaaluhu uu gujiyo Link ka dibna uu riixo badhanka dambe, waxaa dib loogu celin doonaa boggii hore halkii laga isticmaali lahaa boggii uu hadda ka fogaaday. Intaa waxaa dheer, tani waxay sababi kartaa dabeecad aan la filayn xaaladaha qaarkood, sida marka la isticmaalayo xadhkaha weydiinta ama jajabyada xashiishka.
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. ka soo daji {BrowserRouter as Router, Route, Link} "react-router-dom";
// Khadkani waxa uu ka soo dejiyaa BrowserRouter, Jidka iyo qaybaha isku xidhka maktabadda react-router-dom.
2.
// Khadkani waxa uu abuuraa qayb router ah kaas oo loo isticmaali doono in lagu abuuro wadooyin codsigeena.
3.
4. Bogga Hore
// Sadarkani waxa uu abuuraa isku xidhka bogga guriga ee codsigayaga oo wata qoraalka 'Home'.
5. Nagu Saabsan
// Sadarkani waxa uu abuuraa isku xidhka bogga codsigayaga oo wata qoraalka 'About'.
6.
// Khadkani wuxuu u abuuraa dariiq loogu talagalay bogga hoyga ee codsigayaga wuxuuna ka dhigayaa qaybta guriga marka uu galo isticmaale.
7.
8.
// Tani waxay xidhaysaa curiyaha div-ka kaas oo ka kooban dhammaan waddooyinkayada iyo isku xidhayaashayada
Xidhiidhka v6
Link v6 waa qayb cusub oo ku jirta React Router oo bixisa cadeyn, xalka hagitaan la heli karo ee codsiyada React. Waxay bedeshaa qaybtii hore ee isku xidhka waxayna bixisaa sifooyin badan iyo taageero wanaagsan oo la heli karo. Link v6 waxa ay taageertaa isku xidhka caadiga ah iyo sidoo kale marin fir fircoon, taas oo u ogolaanaysa horumariyayaashu in ay abuuraan khibrado hagitaan oo awood leh iyaga oo aan u baahnayn in ay gacanta ku maamulaan wadooyinka ama ay isticmaalaan maktabado qolo saddexaad Waxa kale oo ay taageertaa samaynta dhinaca server-ka, taas oo u oggolaanaysa horumariyeyaasha inay abuuraan codsiyo saaxiibtinimo SEO ah oo leh dadaal yar. Ugu dambeyntii, Link v6 wuxuu leeyahay taageero ku dhisan dabagalka falanqaynta, taasoo sahlaysa in lala socdo isdhexgalka isticmaalaha codsigaaga.
Waa maxay sababta React Router Link uma shaqaynayo
Waxaa jira dhowr sababood oo suurtagal ah sababta React Router Link-ga uusan uga shaqayn React Router. Sababta ugu badan ayaa ah in qaybta lagu xidhayo aan si habboon loo habayn ama loo dejin. Tusaale ahaan, haddii qaybta lagu xidhayo aan si sax ah loo soo dejin, ama haddii dariiqa marinku khaldan yahay, markaa React Router Link ma shaqayn doono. Intaa waxaa dheer, haddii ay jiraan wax qoris ah oo ku jira waddada waddada ama magaca qaybta, tani waxay sidoo kale keeni kartaa arrimo la xidhiidha React Router Link. Ugu dambeyntii, haddii ay jiraan wax khilaaf ah oo u dhexeeya wadooyin badan (sida laba waddo oo leh dariiq isku mid ah), tani waxay sidoo kale keeni kartaa arrimo la xidhiidha React Router Link.
