Dambudziko guru rine chekuita neReact Router yarn nderekuti zvinogona kunetsa kugadzirisa nemazvo. Zvinoda kuwanda kweseta nekugadzirisa, uye kana zvikaitwa zvisizvo, zvinogona kutungamirira kumaitiro asingatarisirwi kana kukanganisa. Pamusoro pezvo, zvinyorwa zveReact Router yarn hazviwanzo kujeka kana kuenderana, zvichiita kuti zviome kune vanogadzira kugadzirisa matambudziko.
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. Mutsetse uyu unopinza kunze BrowserRouter, Route, uye Link zvikamu kubva muraibhurari react-router-dom:
pinza {BrowserRouter seRouter, Route, Link} kubva ku "react-router-dom";
2. Mutsetse uyu unoputira chikumbiro chose muchikamu cheRouter kuti upe kushanda kwenzira:
3. Div element iyi ine runyoro rwemalink ayo achashandiswa kufamba pakati penzira dzakasiyana:
- Home
- About
- Topics
4. Ichi chinhu che hr chinoshandiswa sechiparadzanisi chinooneka pakati pezvinongedzo zvekufambisa uye zviri mugwara:
5. Mitsetse iyi inotsanangura nzira nhatu dzakasiyana dzekushandisa kwedu tichishandisa chikamu cheReact Router's Route:
6. Chekupedzisira, iyi yekuvhara div tag inovhara application yedu wrapper div element:
chii chinonzi React Router
React Router iraibhurari yenzira yeReact iyo inobvumira vanogadzira kugadzira uye kugadzirisa nzira mukati meReact application yavo. Inopa nzira yekuzivisa mepu nzira kune zvikamu, kubata URL paramita, uye kugadzirisa zviitiko zvekufamba. Inopawo maficha akadai seane simba nzira yekufananidza, nzvimbo yekushandura kubata, uye kudzoreredza mupumburu.
Chii chinonzi Yarn
Yarn imaneja wepakeji yeJavaScript inobatsira vanogadzira kubata kwavo kutsamira nenzira inoshanda uye yakachengeteka. Inoshandiswa neReact Router kuisa, kugadzirisa, uye kugadzirisa mapakeji. Yarn inobatsirawo vanogadzira kuti vatarise zvinoenderana neprojekiti yavo, kuve nechokwadi chekuti mapakeji ese anodiwa akaiswa uye ari-kusvika-zuva. Izvi zvinoita kuti zvive nyore kushanda pamapurojekiti ane vakawanda vanogadzira sezvo imwe neimwe ichigona kutarisa zviri nyore kuti ndeapi mavhezheni emapakeji avanoda kushandisa.
