La xaliyay: react router dom npm

Dhibaatada ugu weyn ee la xiriirta React Router DOM waa inay adkaan karto in la saxo. Sababtoo ah marinka waxaa maamula React Router, way adkaan kartaa in si sax ah loo tilmaamo halka arintu ka dhacayso. Intaa waxaa dheer, maadaama React Router DOM ay u isticmaasho JavaScript marinteeda, khalad kasta oo ku jira koodka wuxuu sababi karaa dabeecad lama filaan ah wuxuuna ka dhigi karaa ciribtirka xitaa mid aad u adag. Ugu dambeyntii, haddii isticmaaluhu uu haysto nooc ka sii weyn React Router DOM oo la rakibay, waxaa laga yaabaa inay la kulmaan arrimo ku habboon noocyada cusub ee maktabadda.

import { BrowserRouter as Router, Route } from "react-router-dom";

<Router>
  <Route exact path="/" component={Home} />
  <Route path="/about" component={About} />
</Router>

1. "ka soo deji { BrowserRouter as Router, Route} ka 'react-router-dom';"
Khadkani waxa uu ka soo dejiyaa qaybaha BrowserRouter iyo Route maktabadda react-router-dom.

2. ""
Khadkani wuxuu abuuraa qayb router ah oo loo isticmaali doono in lagu duubo dhammaan dariiqyada codsiga.

3. ""
Sadarkani waxa uu abuuraa qayb marineed kaaso kadhigi doonta qaybta guriga marka dariiqdu tahay '/'. Qalabka 'saxda ah' wuxuu xaqiijinayaa in dariiqan la is waafajin doono kaliya marka ay dhabadu tahay '/'.

4. "” Xariiqdani waxa ay abuurtaa qayb marineed kaaso bixin doonta qaybta ku saabsan marka wadadu tahay '/ku saabsan'.

5. "" Khadkani waxa uu xidhayaa qaybta router-ka waxana uu tilmaamayaa in uu ka falceliyo in dhammaan jidadkeena lagu dhawaaqay.

npm maareeyaha xirmada

NPM (Maamulaha Xidhmada Node) waa maamule xirmo JavaScript ah kaas oo ka caawiya horumariyayaasha inay si fudud u rakibaan, cusboonaysiiyaan, oo u maamulaan xidhmooyinka codsiyadooda React. Waa maamulaha xirmada caadiga ah ee maktabadda React Router waxayna siisaa marin u helidda xirmo badan oo kala duwan oo loo isticmaali karo codsiyada React. NPM waxay u ogolaataa horumariyayaasha inay si dhakhso leh u helaan oo ugu rakibaan xidhmooyinka diiwaanka rasmiga ah iyo sidoo kale ilo kale oo dhinac saddexaad ah. Waxa kale oo ay bixisaa qalab lagu maareeyo ku-tiirsanaanta u dhexeeya baakadaha kala duwan, taas oo sahlaysa in ay la socdaan noocyada xirmo kasta ku rakiban codsiga. Intaa waxaa dheer, NPM waxaa loo isticmaali karaa in si fudud loo cusboonaysiiyo xirmooyinka jira ama xitaa laga saaro haddii aan loo baahnayn.

Waa maxay react dom

React Router DOM waa laybareeriga dariiqa ee React kaas oo u oggolaanaya horumariyayaasha inay abuuraan oo maamulaan dariiqyada codsiyadooda React. Waxay ku siinaysaa hab si cad loo khariidado waddooyinka loo maro qaybaha, loo maareeyo taariikhda browserka, iyo in UI la jaanqaado URL-ka. Waxa kale oo ku jira astaamo ay ka mid yihiin is-waafajinta dariiqyada firfircoon, maaraynta kala-guurka goobta, iyo jiilka URL.

Sida loo rakibo Dom npm react router

1. Ku rakib React Router:
Marka hore, ku rakib xirmada React Router adoo isticmaalaya npm ama dun.
Tusaale ahaan, haddii aad isticmaalayso npm:
npm rakib react-router-dom

2. Soo dejinta React Router:
Marka rakibiddu dhammaato, waxaad u baahan tahay inaad ka soo dejiso qaybaha react-router-dom arjigaaga. Tusaale ahaan:
ka soo deji { BrowserRouter sida Router, Route} ka 'react-router-dom';

3. Ku duub App-kaga qayb router ah:
Talaabada xigta waa inaad ku duub qaybta xididkaaga a qayb ka ah react-router-dom. Tani waxay ku siin doontaa codsigaaga awoodo marineed waxayna ka dhigi doontaa mid ka warqabta dariiqa URL hadda ee isticmaaluhu booqanayo. Tusaale ahaan:

const App = () => (
 
 

    );

4. Ku dar Wadooyinka App-kaga: Talaabada ugu danbeysa waa in aad ku darto wadooyin codsigaga adiga oo isticmaalaya qayb ka mid ah waxaa bixiya react dom. Qaybta dariiqa waxay qaadataa laba qalab; Jidka iyo qaybta kuu ogolaanaysa inaad qeexdo qaybaha ay tahay in la sameeyo marka isticmaaluhu uu booqdo URL gaar ah oo ku jira codsigaaga tusaale ahaan:

const App = () => (
 
 

   )