Isonjululwe: npm sabela umzila dom%405

Ingxaki ephambili enxulumene ne-npm isabela kwi-router dom kukuba kunokuba nzima ukulungisa ingxaki kunye nokusombulula ingxaki. Oku kungenxa yokuba ithala leencwadi aliboneleli ngeenkcukacha ezininzi malunga nokuba kwenzeka ntoni na xa kusenzeka impazamo, nto leyo eyenza kube nzima ukuphawula oyena nobangela walo mba. Ukongeza, ekubeni ithala leencwadi lihlala livela, kunokuba nzima ukuqhubeka nalo lonke utshintsho kwaye uqinisekise ukuba i-codebase yakho iyahambelana nabo.

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

const App = () => (
  <Router>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
  </Router>
);

1. “Ngenisa ngaphandle {IbrowserRouter njengeNdlela, iNdlela } isuka kwi-'react-router-dom';” -Lo mgca ungenisa i-BrowserRouter kunye nezinto zeNdlela kwilayibrari ye-react-router-dom.

2. “const App = () => (” – Lo mgca ubhengeza i-App enegama elithe gqolo eyabelwe umsebenzi wotolo.

3 "U” – Lo mgca unika icandelo le-Router kwilayibrari ye-react-router-dom.

4 "U” – Lo mgca unika icandelo leNdlela enendlela ngqo ethi '/' kunye necandelo leKhaya njengenxalenye yalo yomntwana.

5 "U” – Lo mgca unika icandelo leNdlela kunye nendlela '/ malunga' kunye necandelo elimalunga necandelo elimalunga nomntwana.

6. "" - Oku kuvala ithegi ye-Router, ebonisa ukuba onke amanye amalungu ngabantwana bayo kwesi sibhengezo somsebenzi we-App.

Yintoni i-npm ndisabela kwi-router dom

I-React Router DOM lithala leencwadi le-React. Inika amacandelo angundoqo ayimfuneko ukwenza i-router-enabled application, kubandakanywa amacandelo afana , , yaye . Ikwabonelela ngeekhonkco kunye nemisebenzi evumela abaphuhlisi ukuba badibanise ngeprogram kunye ne-router, njengokuhamba phakathi kweendlela kunye nokufikelela kwiiparameters zendlela. I-NPM ngumphathi wephakheji yeJavaScript evumela abaphuhlisi ukuba bafake ngokulula kwaye balawule iipakethe zomntu wesithathu kwiiprojekthi zabo. Ngokusebenzisa i-NPM, abaphuhlisi banokongeza ngokukhawuleza iReact Router DOM kwiprojekthi yabo ngaphandle kokuyikhuphela ngesandla kwiwebhusayithi esemthethweni.

Ndiyifakela njani i-react router dom

Ukufakela iReact Router Dom kulula kwaye ithe ngqo. Okokuqala, kufuneka ufake iphakheji ye-react-router-dom ukusuka kwi-npm usebenzisa lo myalelo ulandelayo:

`npm faka i-react-router-dom`

Nje ukuba ifakiwe, ungangenisa izinto ozifunayo kwiphakheji kumacandelo akho eReact. Umzekelo, ukuba ufuna ukusebenzisa icandelo leBrowserRouter:

`ngenisa ngaphandle {IbrowserRouter} ukusuka 'ku-react-router-dom''

Ungayisebenzisa ke kwicandelo lakho ngolu hlobo:
"`jsx
// Iindlela zakho ziya apha ``

Ngaba i-react dom iyafana ne-react router dom

Hayi, iReact Router DOM ayifani neReact DOM. I-React Router DOM lithala leencwadi elibonelela ngeendlela kunye nokukhangela usetyenziso olwakhiwe ngeReact. Ivumela abaphuhlisi ukuba benze iindlela kunye nokudibanisa amacandelo kunye, okwenza abasebenzisi bahambe phakathi kwamaphepha ahlukeneyo kwisicelo. Kwelinye icala, i-React DOM lithala leencwadi elibonelela nge-API yokukhohlisa iModeli yeNjongo yoXwebhu lwesikhangeli (DOM). Ivumela abaphuhlisi ukuba benze kwaye bahlaziye izinto ze-HTML kwiphepha, kunye nokusingatha iziganeko ezifana nokuchofoza okanye ukuhanjiswa kwefom.

Yeyiphi i-router elungele ukusabela

Eyona ndlela ilungileyo yeReact yiReact Router. Lithala leencwadi elidumileyo losetyenziso lweReact kwaye libonelela ngeempawu ezinjengokuthelekisa indlela eguqukayo, ukuphatha indawo yokutshintsha, kunye nokuveliswa kwe-URL. Ikwaxhasa unikezelo lwecala lomncedisi, olukuvumela ukuba unikezele ngesicelo sakho kumncedisi phambi kokuba usithumele kumxhasi. Oku kwenza kube lula ukwenza izicelo ze-SEO ezinobuhlobo ezinokukhasa ngeenjini zokukhangela.

Izithuba ezihambelanayo:

Shiya Comment