Inkinga enkulu ehlobene ne-React Router Link ukuthi ayiwubuyekezi kahle umlando wesiphequluli uma ichofozwa. Lokhu kusho ukuthi uma umsebenzisi achofoza kusixhumanisi abese ecindezela inkinobho yokubuyela emuva, uzobuyiselwa ekhasini eledlule esikhundleni sekhasi asanda kusuka kulo. Ukwengeza, lokhu kungabangela ukuziphatha okungalindelekile kwezinye izimo, njengalapho usebenzisa iyunithi yezinhlamvu zemibuzo noma izingcezu ze-hashi.
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 i-{ BrowserRouter as Router, Route, Link } isuka “ku-react-router-dom”;
// Lo mugqa ungenisa kwamanye amazwe izingxenye ze-BrowserRouter, Route kanye ne-Link kumtapo wezincwadi we-react-router-dom.
2.
// Lo mugqa udala ingxenye yomzila ezosetshenziswa ukwakha imizila yohlelo lwethu lokusebenza.
3.
4. Ikhaya
// Lo mugqa udala isixhumanisi ekhasini lasekhaya lohlelo lwethu lokusebenza ngombhalo othi 'Ekhaya'.
5. Mayelana
// Lo mugqa udala isixhumanisi ekhasini elimayelana nesicelo sethu ngombhalo othi 'Mayelana'.
6.
// Lo mugqa udala umzila wekhasi lasekhaya lohlelo lwethu lokusebenza futhi unikeze ingxenye Yasekhaya lapho ifinyelelwa umsebenzisi.
7.
8.
//Lokhu kuvala isici sethu se-div esiqukethe yonke imizila yethu nezixhumanisi
Isixhumanisi v6
I-Link v6 iyingxenye entsha ku-React Router enikeza isimemezelo, isixazululo sokuzulazula esifinyelelekayo sezinhlelo zokusebenza ze-React. Ingena esikhundleni sengxenye yangaphambilini Yesixhumanisi futhi inikeza izici ezengeziwe nosekelo olungcono lokufinyeleleka. I-Link v6 isekela izixhumanisi ezivamile kanye nemizila eguquguqukayo, evumela onjiniyela ukuthi bakhe ukuzizwisa okunamandla kokuzulazula ngaphandle kokuphatha imizila mathupha noma ukusebenzisa amalabhulali ezinkampani zangaphandle. Iphinde isekele ukunikezwa kohlangothi lweseva, okuvumela abathuthukisi ukuthi bakhe izinhlelo zokusebenza ezinobungane be-SEO ngomzamo omncane. Okokugcina, i-Link v6 inosekelo olwakhelwe ngaphakathi lokulandelela izibalo, okwenza kube lula ukulandelela ukusebenzisana komsebenzisi nohlelo lwakho lokusebenza.
Kungani i-React Router Link ingasebenzi
Kunezizathu ezimbalwa okungenzeka ukuthi kungani i-React Router Link ingasebenzi ku-React Router. Isizathu esivame kakhulu ukuthi ingxenye exhunywe kuyo ayilungiswanga kahle noma ayisethiwe. Isibonelo, uma ingxenye exhunywe kuyo ingangeniswanga ngendlela efanele, noma uma indlela yomzila ingalungile, i-React Router Link ngeke isebenze. Ukwengeza, uma kukhona ama-typos endleleni yomzila noma igama lengxenye, lokhu kungase futhi kubangele izinkinga nge-React Router Link. Okokugcina, uma kukhona ukungqubuzana phakathi kwemizila eminingi (njengemizila emibili enendlela efanayo ncamashi), lokhu kungase futhi kubangele izinkinga nge-React Router Link.
