Yakagadziriswa: npm react router dom%405

Dambudziko guru rine chekuita ne npm react router dom nderekuti zvinogona kunetsa kugadzirisa uye kugadzirisa. Izvi zvinodaro nekuti raibhurari haipe ruzivo rwakadzama pamusoro pezviri kuitika kana chikanganiso chikaitika, zvichiita kuti zviome kudoma chaicho chikonzero chenyaya. Pamusoro pezvo, sezvo raibhurari iri kugara ichishanduka, zvinogona kunetsa kuenderana neshanduko dzese uye kuona kuti codebase yako inoenderana navo.

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

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

1. "import {BrowserRouter as Router, Route } kubva 'react-router-dom';" -Mutsetse uyu unopinza BrowserRouter uye Route zvikamu kubva kune react-router-dom raibhurari.

2. "const App = () => (" - Mutsetse uyu unozivisa zita rinogara riri App iro rinopihwa basa remuseve.

3. "”- Mutsetse uyu unopa chikamu cheRouter kubva muraibhurari react-router-dom.

4. "” – Mutsetse uyu unopa chikamu cheNzira chine gwara chairo re'/' uye chikamu cheKumba sechikamu chemwana.

5. "” – Mutsetse uyu unopa chikamu cheNzira negwara rekuti '/nezve' uye nezve chikamu sechikamu chemwana.

6. "" - Izvi zvinovhara iyo Router tag, zvichiratidza kuti zvimwe zvikamu zvese vana vayo mune iyi App function declaration.

Chii chinonzi npm ini ndinoita router dom

React Router DOM iraibhurari yenzira yeReact. Inopa iyo yakakosha zvikamu zvinodikanwa kugadzira iyo router-inogonesa application, kusanganisira zvinhu zvakaita se , , uye . Inopawo zvikorekedzo uye mabasa anobvumira vanogadzira kuti vabatane neiyo router, sekufamba pakati pemakwara uye kuwana nzira paramita. NPM imaneja wepakeji yeJavaScript inobvumira vanogadzira kuisa nyore uye kubata wechitatu-bato mapakeji emapurojekiti avo. Nekushandisa NPM, vagadziri vanogona kukurumidza kuwedzera React Router DOM kupurojekiti yavo pasina kuitora nemaoko kubva pawebhusaiti yepamutemo.

Ini ndinoisa sei react router dom

Kuisa React Router Dom iri nyore uye yakatwasuka. Kutanga, iwe unofanirwa kuisa iyo react-router-dom package kubva npm uchishandisa unotevera kuraira:

`npm isa react-router-dom`

Kana yangoiswa, unogona kupinza zvinhu zvaunoda kubva pasuru mune yako React zvikamu. Semuenzaniso, kana iwe uchida kushandisa iyo BrowserRouter chikamu:

`import {BrowserRouter} kubva 'react-router-dom'`

Iwe unogona ipapo kuishandisa muchikamu chako seizvi:
"`jsx
// Nzira dzako dzinoenda pano ``

Is react dom zvakafanana nereact router dom

Kwete, React Router DOM haina kufanana neReact DOM. React Router DOM iraibhurari inopa nzira uye kufamba kwezvishandiso zvakavakwa neReact. Inobvumira vanogadzira kugadzira nzira uye kubatanidza zvikamu pamwe chete, zvichiita kuti vashandisi vafambe pakati pemapeji akasiyana mukushandisa. Kune rimwe divi, React DOM iraibhurari inopa API yekushandura browser's Document Object Model (DOM). Inobvumira vanogadzira kugadzira nekuvandudza HTML zvinhu pane peji, pamwe nekubata zviitiko zvakaita sekudzvanya kana kutumira fomu.

Ndeipi router yakanakira kuita

Iyo yakanakisa router yeReact ndeye React Router. Iraibhurari yakakurumbira yekuraibhurari yeReact application uye inopa maficha akadai seane simba nzira yekufananidza, nzvimbo yekushandura kubata, uye URL chizvarwa. Inotsigirawo server-side rendering, iyo inokutendera kuti upe application yako pane server usati waitumira kune mutengi. Izvi zvinoita kuti zvive nyore kugadzira SEO-inoshamwaridzika maapplication anogona kukambaira neinjini dzekutsvaga.