La xaliyay: npm react router dom%405

Dhibaatada ugu weyn ee la xiriirta npm react router dom waa in ay adkaan karto in la saxo oo la cilad bixiyo. Tani waa sababta oo ah maktabaddu ma bixiso macluumaad badan oo faahfaahsan oo ku saabsan waxa dhacaya marka khaladku dhaco, taas oo adkeynaysa in la tilmaamo sababta saxda ah ee arrinta. Intaa waxaa dheer, maadaama maktabaddu ay si joogto ah u horumarayso, way adkaan kartaa in aad la socoto dhammaan isbeddellada oo aad hubiso in codebase-kaagu uu ku habboon yahay iyaga.

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

const App = () => (
  <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. "const App = () => (" - Xariiqan waxa ay ku dhawaaqaysaa App-ka magacaaban ee joogtada ah kaas oo loo qoondeeyay shaqada fallaadha.

3. ""- Xariiqan ayaa ka dhigaysa qaybta router ee maktabadda react-router-dom.

4. ""- Xariiqan waxa ay ka dhigaysaa qaybta Jidka oo leh dariiq sax ah '/' iyo qayb guriga ka mid ah sida qaybteeda ilmaha.

5. "โ€- Xariiqdani waxa ay ka dhigaysaa qaybta Jidka oo leh waddo โ€˜/ku saabsanโ€™ iyo qayb ku saabsan sida qaybteeda ilmaha.

6. "" - Tani waxay xidhaysaa summada Router-ka, taas oo muujinaysa in dhammaan qaybaha kale ay yihiin carruurteeda ku jirta dhawaaqa shaqada App-ka.

Waa maxay npm Waxaan ka falcelinayaa router dom

React Router DOM waa laybareeriga dariiqa ee React. Waxay bixisaa qaybaha asaasiga ah ee lagama maarmaanka u ah in la abuuro codsi ku shaqeeya router, oo ay ku jiraan qaybaha sida , , Iyo . Waxa kale oo ay bixisaa qabsatooyin iyo hawlo u ogolaanaya horumariyayaashu in ay si barnaamij ah ula falgalaan router-ka, sida dhex mara waddooyinka iyo gelitaanka xuduudaha waddooyinka. NPM waa maareeyaha xirmada JavaScript kaas oo u oggolaanaya horumariyayaasha inay si fudud u rakibaan oo u maamulaan xirmooyinka qolo saddexaad ee mashruucyadooda. Isticmaalka NPM, horumariyayaashu waxay si dhakhso ah ugu dari karaan React Router DOM mashruucooda iyaga oo aan gacanta ka soo dejineynin website-ka rasmiga ah.

Sideen u rakibaa react router dom

Ku rakibida React Router Dom waa sahlan tahay oo toosan. Marka hore, waxaad u baahan tahay inaad ku rakibto xirmada react-router-dom ee npm adoo isticmaalaya amarka soo socda:

'npm ku rakib react-router-dom'

Marka la rakibo, waxaad ka soo dejisan kartaa qaybaha aad uga baahan tahay xirmada qaybahaaga React. Tusaale ahaan, haddii aad rabto inaad isticmaasho qaybta BrowserRouter:

'ka soo deji { BrowserRouter } 'react-router-dom''

Waxaad markaa u isticmaali kartaa qaybtaada sida tan:
"jsx
// Waddooyinkaagu halkan ayay marayaan โ€œโ€œ

React dom ma la mid yahay dom router react

Maya, React Router DOM la mid ma aha React DOM. React Router DOM waa maktabad bixisa habaynta iyo hagidda codsiyada lagu dhisay React. Waxay u ogolaataa horumariyayaashu inay abuuraan waddooyin iyo isku xidhka qaybaha, taasoo awood u siinaysa isticmaalayaasha inay dhex maraan boggag kala duwan ee codsiga. Dhanka kale, React DOM waa maktabad bixisa API-ga si loogu dhaqmo Shayga Shayga Dukumentiga ee browserka (DOM). Waxay u ogolaataa horumariyayaashu inay abuuraan oo cusbooneysiiyaan walxaha HTML ee bogga, iyo sidoo kale inay qabtaan dhacdooyinka sida dhagsiinta ama soo gudbinta foomka.

Waa kuwee router-ka ugu fiican ee falcelinta

Router-ka ugu fiican ee React waa React Router. Waa maktabad caan ah oo loogu talagalay codsiyada React waxayna siisaa astaamo ay ka mid yihiin isbarbardhigga dariiqa firfircoon, maaraynta kala-guurka goobta, iyo jiilka URL. Waxa kale oo ay taageertaa samaynta dhinaca server-ka, taas oo kuu ogolaanaysa inaad ku soo gudbiso codsigaaga server-ka ka hor inta aanad u dirin macmiilka. Tani waxay fududaynaysaa abuurista codsiyada SEO-saaxiibtinimo kuwaas oo lagu gurguuran karo matoorada raadinta.

Related posts:

Leave a Comment