Lahendatud: reageeri ruuter dom IndexRedirect

React Router DOM IndexRedirectiga seotud peamine probleem on see, et see võib põhjustada ootamatuid ümbersuunamisi. Selle põhjuseks on asjaolu, et komponent IndexRedirect suunab kasutajad veebisaidi juur-URL-ile juurdepääsul automaatselt ümber määratud marsruudile. See võib tekitada segadust kasutajatele, kes ootavad juur-URL-i juures avalehte või muud sisu. Lisaks, kui kasutaja on juba konkreetsele lehele navigeerinud ja seejärel oma brauserit värskendanud, võidakse ta IndexRedirecti komponendi tõttu ootamatult sellelt lehelt ära suunata.

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 } from 'react-router-dom';" – See rida impordib react-ruuter-dom teegist komponendid BrowserRouter, Route ja IndexRedirect.

2. "” – see rida ümbritseb kõik marsruudid ruuteri komponendis, mida kasutatakse Reacti rakenduse marsruutimise seadistamiseks.

3. "” – see rida seab marsruudi, mille tee on '/'. Kõik sellele teele suunatud taotlused käsitletakse sellel marsruudil.

4. "” – see rida suunab kõik päringud '/' teele aadressile '/home'.

5. "” – see rida seab marsruudi teega „/home”. Kõiki sellele teele suunatud päringuid käsitleb kodukomponent, mis edastatakse argumendina komponendile Route.

6. "” – see rida seadistab marsruudi teega „/about”. Kõiki sellele teele suunatud päringuid käsitleb komponent Teave, mis edastatakse argumendina komponendile Marsruut.

7.” ja “” – need read sulgevad vastavalt nii marsruudid kui ka ruuteri komponendid

Mis on IndexRedirect

IndexRedirect on React Routeri komponent, mis võimaldab teil suunata ümber ühelt marsruudilt teisele. Seda kasutatakse siis, kui soovite suunata kasutaja oma rakenduse juur-URL-ilt teisele marsruudile. Näiteks kui teil on rakendus, mille juur-URL on „/”, saate kasutada IndexRedirecti, et suunata kasutaja juur-URL-i külastades ümber aadressile „/home”.

Kuidas teha IndexRedirect

IndexRedirect in React Router on viis kasutajate ümbersuunamiseks teie rakenduse juur-URL-ilt teisele URL-ile. See võib olla kasulik kasutajate suunamisel teie rakenduse kõige tähtsamale lehele või sihtlehe loomiseks.

IndexRedirecti tegemiseks React Routeris peate kasutama komponent. Sellel komponendil on kaks tuge: "to" ja "push". Rekvisiidi „To” abil määratakse URL, kuhu soovite kasutajad ümber suunata, samas kui rekvisiit „tõuke” määrab, kas selle ümbersuunamise korral tuleks brauseri ajalugu värskendada või mitte (vaikimisi on see tõene).

Näiteks kui soovite, et teie juur-URL-i (nt www.example.com) külastavad kasutajad suunataks aadressile www.example.com/home, võite kasutada järgmist IndexRedirecti:

… teised marsruudid …