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. "
4. "
5. "
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 ,
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
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.