Yakagadziriswa: react router dom IndexRedirect

Dambudziko guru rine chekuita neReact Router DOM IndexRedirect nderekuti rinogona kukonzera kudzokororwa kusingatarisirwe. Izvi zvinodaro nekuti iyo IndexRedirect chikamu chinodzoreredza vashandisi kune yakatemwa nzira kana vawana iyo mudzi URL yewebhusaiti. Izvi zvinogona kuvhiringa kune vashandisi vari kutarisira kuona peji remba kana zvimwe zvirimo pamudzi URL. Pamusoro pezvo, kana mushandisi atofamba achienda kune imwe peji uye obva azorodza browser yavo, anogona kudzoserwa zvisingatarisirwi kure neiyo peji nekuda kweIndexRedirect chikamu.

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

<Router>
  <Route path="/">
    <IndexRedirect to="/home" />
    <Route path="/home" component={Home} />
    <Route path="/about" component={About} />
  </Route>  
</Router>

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

2. "” - Mutsetse uyu unoputira nzira dzese muchikamu cheRouter chinoshandiswa kuseta nzira yeReact application.

3. "” – Mutsetse uyu unogadzira nzira ine nzira ye'/'. Chero zvikumbiro kunzira iyi zvichabatwa neiyi nzira.

4. "”- Mutsetse uyu unodzosera chero zvikumbiro ku '/' nzira yeku '/ kumba'.

5. "” – Mutsetse uyu unogadzira nzira ine nzira ye'/kumba'. Chero zvikumbiro kunzira iyi zvichabatwa nechikamu cheKumba icho chinopfuudzwa senharo kuchikamu cheNzira.

6. "” – Mutsetse uyu unogadzira nzira ine nzira ye'/ about'. Chero zvikumbiro kune iyi nzira zvichabatwa neNezve chikamu icho chinopfuudzwa senharo kuchikamu cheNzira.

7." & "" - Mitsetse iyi inovhara nzira mbiri uye zvikamu zve router zvakateerana

Chii chinonzi IndexRedirect

IndexRedirect chinhu chiri muReact Router chinokutendera kuti utungamire kubva kune imwe nzira kuenda kune imwe. Inoshandiswa kana iwe uchida kutungamira mushandisi kubva pamudzi URL yechishandiso chako kune imwe nzira. Semuenzaniso, kana iwe uine application ine mudzi URL ye "/", unogona kushandisa IndexRedirect kutungamira mushandisi ku "/ kumba" pavanoshanyira mudzi URL.

Maitiro ekuita IndexRedirect

IndexRedirect muReact Router inzira yekudzoreredza vashandisi kubva pamudzi URL yechishandiso chako kune imwe URL. Izvi zvinogona kubatsira kutungamira vashandisi kune yakakosha peji rekushandisa kwako, kana kugadzira peji yekumhara.

Kuti uite IndexRedirect muReact Router, unofanirwa kushandisa iyo chikamu. Ichi chikamu chinotora zvirevo zviviri: "ku" uye "kusundira". Iyo "ku" prop inoshandiswa kutsanangura iyo URL yaunoda kuti vashandisi vadzoserwe kwairi, nepo "push" prop inosarudza kana nhoroondo yebrowser inofanirwa kuvandudzwa kana iyi redirect ikaitika (yechokwadi nekusarudzika).

Semuenzaniso, kana iwe waida vashandisi vanoshanyira midzi URL yako (semuenzaniso, www.example.com) kuti vaendeswe kuwww.example.com/home, unogona kushandisa IndexRedirect seizvi:

… dzimwe nzira…