Atrisināts: reaģēt maršrutētāja dom IndexRedirect

Galvenā problēma, kas saistīta ar React Router DOM IndexRedirect, ir tā, ka tas var izraisīt neparedzētu novirzīšanu. Tas ir tāpēc, ka komponents IndexRedirect automātiski novirza lietotājus uz noteiktu maršrutu, kad viņi piekļūst vietnes saknes URL. Tas var radīt neskaidrības lietotājiem, kuri gaida sākumlapu vai citu saturu saknes URL. Turklāt, ja lietotājs jau ir pārgājis uz noteiktu lapu un pēc tam atsvaidzina pārlūkprogrammu, IndexRedirect komponenta dēļ viņš var tikt negaidīti novirzīts prom no šīs lapas.

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ēt { BrowserRouter as Router, Route, IndexRedirect } no 'react-router-dom';” – Šī rinda importē komponentus BrowserRouter, Route un IndexRedirect no react-router-dom bibliotēkas.

2. "” — šajā rindā visi maršruti ir iekļauti maršrutētāja komponentā, ko izmanto, lai iestatītu maršrutēšanu React lietojumprogrammai.

3. "” — šī rindiņa izveido maršrutu ar '/' ceļu. Visi pieprasījumi šim ceļam tiks apstrādāti šajā maršrutā.

4. "” — šī rinda novirza visus pieprasījumus uz “/” ceļu uz “/home”.

5. "” — šī līnija izveido maršrutu ar ceļu '/mājas'. Visus pieprasījumus šim ceļam apstrādās komponents Sākums, kas tiek nodots kā arguments komponentam Route.

6. "” — šī līnija izveido maršrutu ar ceļu “/about”. Visus pieprasījumus šim ceļam apstrādās komponents Par, kas tiek nodots kā arguments komponentam Route.

7.” un “” — šīs līnijas attiecīgi aizver gan maršrutus, gan maršrutētāja komponentus

Kas ir IndexRedirect

IndexRedirect ir React Router komponents, kas ļauj novirzīt no viena maršruta uz citu. To izmanto, ja vēlaties novirzīt lietotāju no savas lietojumprogrammas saknes URL uz citu maršrutu. Piemēram, ja jums ir lietojumprogramma, kuras saknes URL ir “/”, varat izmantot IndexRedirect, lai novirzītu lietotāju uz “/home”, kad viņš apmeklē saknes URL.

Kā veikt IndexRedirect

IndexRedirect programmā React Router ir veids, kā novirzīt lietotājus no jūsu lietojumprogrammas saknes URL uz citu URL. Tas var būt noderīgi, lai novirzītu lietotājus uz jūsu lietojumprogrammas vissvarīgāko lapu vai izveidotu galveno lapu.

Lai veiktu IndexRedirect programmā React Router, jums ir jāizmanto komponents. Šim komponentam ir nepieciešami divi rekvizīti: “to” un “push”. Rekvizīts “uz” tiek izmantots, lai norādītu URL, uz kuru vēlaties novirzīt lietotājus, savukārt “push” piedāvājums nosaka, vai pārlūkprogrammas vēsture ir jāatjaunina, kad notiek šī novirzīšana (patiesība pēc noklusējuma).

Piemēram, ja vēlaties, lai lietotāji, kuri apmeklē jūsu saknes URL (piemēram, www.example.com), tiktu novirzīti uz www.example.com/home, varat izmantot indeksa novirzīšanu, piemēram:

… citi maršruti…