Dambudziko guru rine chekuita neReact Router Link nderekuti haigadzirise nhoroondo yebrowser zvakanaka kana yadzvanywa. Izvi zvinoreva kuti kana mushandisi akadzvanya paChinongedzo obva adzvanya bhatani rekumashure, anodzoserwa kupeji yapfuura pachinzvimbo chepeji raachangobva kubva kwariri. Pamusoro pezvo, izvi zvinogona kukonzera hunhu husingatarisirwi mune dzimwe nguva, senge kana uchishandisa tambo dzemibvunzo kana zvimedu zvehashi.
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. pinza {BrowserRouter seRouter, Route, Link } kubva ku "react-router-dom";
// Mutsetse uyu unopinza kunze kweBhurawuza Router, Nzira uye Link zvikamu kubva kune react-router-dom raibhurari.
2.
// Mutsetse uyu unogadzira chikamu cheRouter chinozoshandiswa kugadzira nzira dzekushandisa kwedu.
3.
4. Home
// Mutsetse uyu unogadzira chinongedzo kupeji rekutanga rekushandisa kwedu nemavara 'Kumba'.
5. About
// Mutsetse uyu unogadzira chinongedzo kune nezve peji rekushandisa kwedu nemavara 'About'.
6.
// Mutsetse uyu unogadzira nzira yepeji yekumba yechishandiso chedu uye unopa chikamu cheKumba kana chasvikwa nemushandisi.
7.
8.
// Izvi zvinovhara yedu div element iyo ine ese edu nzira uye zvinongedzo
Chibatanidza v6
Link v6 chinhu chitsva muReact Router chinopa chinozivisa, chinosvikika chekufambisa mhinduro yeReact application. Iyo inotsiva iyo yapfuura Link chikamu uye inopa mamwe maficha uye nani rutsigiro rwekuwanika. Link v6 inotsigira zvese zvinongedzo zvinongedzo pamwe chete neane simba nzira, zvichibvumira vanogadzira kugadzira zvine simba zvekufambisa zviitiko pasina kubata nemaoko nzira kana kushandisa echitatu-bato raibhurari. Inotsigirawo server-side rendering, iyo inobvumira vanogadzira kugadzira SEO-inoshamwaridzika maapplication nekuita kushoma. Chekupedzisira, Link v6 yakavaka-mukati tsigiro yekutevera analytics, zvichiita kuti zvive nyore kuteedzera kusangana kwevashandisi nechishandiso chako.
Nei React Router Link isiri kushanda
Pane akati wandei zvikonzero nei React Router Link isiri kushanda muReact Router. Chikonzero chinonyanyozivikanwa ndechekuti chikamu chiri kubatanidzwa nacho hachina kugadzirwa zvakanaka kana kumisikidzwa. Semuenzaniso, kana chikamu chiri kubatanidzwa nacho chisati chaunzwa kunze kwenyika nenzira kwayo, kana nzira yenzira isiriyo, React Router Link haishande. Pamusoro pezvo, kana paine typos munzira yenzira kana zita rechikamu, izvi zvinogona zvakare kukonzera nyaya neReact Router Link. Chekupedzisira, kana paine kupokana pakati penzira dzakawanda (senge nzira mbiri dzine nzira imwe chete), izvi zvinogona kukonzera nyaya neReact Router Link.
