Yakagadziriswa: react router 404 redirect

Dambudziko guru rine chekuita neReact Router 404 redirect nderekuti zvinogona kunetsa kuita. Sezvo React Router isina yakavakirwa-mukati 404 peji, vanogadzira vanofanirwa kugadzira nzira yeiyo peji 404 vobva vagadzirisa router kuti idzorezve chero zvikumbiro zvisingaenderane nenzira iripo. Izvi zvinoda imwe kodhi uye kugadzirisa, izvo zvinogona kutora nguva uye zvakaoma kugadzirisa kana chimwe chinhu chikatadza. Pamusoro pezvo, kana mushandisi akafamba akananga kuURL isipo, acharamba achiona peji rekukanganisa pane kuendeswa kune iyo 404 peji.

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

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

      {/* 404 Redirect */}
      <Route render={() => (<Redirect to="/" />)} /> 

    </Switch>
  </Router>  
);

// Mutsara 1: Mutsetse uyu unopinza kunze BrowserRouter, Route, uye Shandura zvikamu kubva kune react-router-dom raibhurari.

// Mutsara 3: Mutsara uyu unotsanangura basa rinonzi App rinodzorera JSX.

// Mitsara 5-7: Iyi mitsetse inoputira chikamu cheApp muchikamu cheRouter kubva kune react-router-dom.

// Mitsetse 8-10: Mitsetse iyi inotsanangura nzira mbiri dzeMusha uye Nezve zvikamu zvakateerana.

// Mutsara 12: Mutsara uyu unotsanangura nzira inodzokera kuImba peji kana pasina imwe nzira inoenderana.

Chii chinonzi 404 Error Code

Kodhi ye404 yekukanganisa muReact Router ndeye HTTP mamiriro kodhi inoratidza kuti yakumbirwa sosi haina kuwanikwa. Inowanzodzoserwa kana mushandisi achiedza kuwana peji kana nzira iyo isipo. Izvi zvinogona kuitika kana mushandisi akataipa URL, kana peji rabviswa kana kutamiswa pasina kuvandudza zvinongedzo kwariri. Kana izvi zvikaitika, React Router inoratidza generic 404 peji ine meseji yakakodzera inozivisa mushandisi kukanganisa kwavo.

404 Dzorera

MuReact Router, 404 redirect inzira yekudzosera vashandisi kune imwe peji kana vachiedza kuwana iyo isiriyo URL. Izvi zvinogona kubatsira pakupa vashandisi ruzivo rwuri nani pavanoisa URL isiriyo kana kuedza kuwana peji isipo. Iyo 404 redirect inogona kuitwa uchishandisa iyo Redirect chikamu kubva kuReact Router, iyo inokutendera kuti utaure nzira yepeji yaunoda kuendesa mushandisi kwairi. Semuenzaniso, kana mumwe munhu akaedza kuwana /invalid-url, unogona kushandisa Redirect component seizvi: