Dhibaatada ugu weyn ee la xiriirta dhogorta React Router waa in ay adkaan karto in si sax ah loo habeeyo. Waxay u baahan tahay habayn iyo habayn badan, haddii si khaldan loo sameeyo, waxay u horseedi kartaa dabeecad ama khaladaad lama filaan ah. Intaa waxaa dheer, dukumeentiyada 'React Router dunn' had iyo jeer maaha mid cad ama mid cusub, taas oo ku adkeynaysa horumariyeyaasha inay ciladeeyaan arrimaha.
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. Khadkani waxa uu ka soo dejiyaa BrowserRouter, Route, iyo qaybaha isku xidhka maktabadda react-router-dom:
ka soo deji { BrowserRouter sida Router, Route, Link} ka "react-router-dom";
2. Sadarkani waxa uu ku duubaa codsiga oo dhan qaybta router si uu u bixiyo shaqaynta habaynta:
3. Cunsurka div waxa uu ka kooban yahay liis xiriiriyayaal loo isticmaali doono in lagu dhex maro waddooyin kala duwan:
- Bogga Hore
- Nagu Saabsan
- Mawduucyada
4. Curiyahan saacada waxa loo istcimaalaa kala soocida araga ee udhaxeya isku xidhka marinka iyo waxa ku jira dariiqa:
5. Khadadkani waxay qeexayaan saddex dariiqo oo kala duwan codsigayaga anagoo adeegsanayna qaybta React Router's Route:
6. Ugu dambayntii, xidhitaankan div tag waxay xidhaysaa curiyahayaga duubabka div ee codsigayaga:
waa maxay React Router
React Router waa laybareeriga dariiqa React ee u oggolaanaya horumariyayaasha inay abuuraan oo maamulaan dariiqyada codsiyadooda React. Waxay bixisaa hab si cad loo khariidado dariiqyada loo maro qaybaha, lagu maamulo cabbirada URL, oo loo maareeyo dhacdooyinka hagidda. Waxa kale oo ay bixisaa astaamo ay ka mid yihiin isbarbardhigga dariiqyada firfircoon, maaraynta kala-guurka goobta, iyo soo-celinta dib-u-celinta.
Waa maxay Yarn
Yarn waa maareeyaha xirmada JavaScript kaas oo ka caawiya horumariyeyaasha inay u maareeyaan ku tiirsanaanta si hufan oo ammaan ah. Waxa isticmaala React Router si uu u rakibo, u cusboonaysiiyo, una habeeyo xidhmooyinka. Yarn sidoo kale waxay ka caawisaa horumariyayaashu inay la socdaan ku tiirsanaanta mashruucooda, iyagoo hubinaya in dhammaan xidhmooyinka lagama maarmaanka ah la rakibay oo la casriyeeyay. Tani waxay sahlaysaa in laga shaqeeyo mashaariicda horumariyayaal badan maadaama mid kastaa si fudud u hubin karo nooca xirmooyinka ay u baahan yihiin inay isticmaalaan.
