Rezoud: reyaji routeur dom IndexRedirect

Pwoblèm prensipal ki gen rapò ak React Router DOM IndexRedirect se ke li ka lakòz redireksyon inatandi. Sa a se paske eleman IndexRedirect otomatikman redireksyon itilizatè yo nan yon wout espesifye lè yo jwenn aksè nan URL rasin nan yon sit entènèt. Sa a ka konfizyon pou itilizatè ki espere wè paj dakèy la oswa lòt kontni nan URL rasin lan. Anplis de sa, si yon itilizatè te deja navige nan yon paj espesifik epi Lè sa a, rafrechi navigatè yo, yo ka san atann redireksyon lwen paj sa a akòz yon eleman IndexRedirect.

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. "enpòte { BrowserRouter kòm Routeur, Route, IndexRedirect } soti nan 'react-router-dom';" – Liy sa a enpòte eleman BrowserRouter, Route ak IndexRedirect ki soti nan bibliyotèk react-router-dom.

2. "” – Liy sa a vlope tout wout yo nan yon eleman Router ki itilize pou mete sou pye yon aplikasyon React.

3. "” – Liy sa a mete kanpe yon wout ak yon chemen '/'. Nenpòt demann nan chemen sa a pral okipe pa wout sa a.

4. "” – Liy sa a redireksyon nenpòt demann nan chemen '/' nan '/home'.

5. "” – Liy sa a mete kanpe yon wout ak yon chemen '/home'. Nenpòt demann nan chemen sa a pral okipe pa eleman nan Kay ki pase nan kòm yon agiman nan eleman nan Route.

6. "” – Liy sa a mete kanpe yon wout ak yon chemen '/sou'. Nenpòt demann nan chemen sa a pral okipe pa eleman About a ki pase nan kòm yon agiman nan eleman nan Route.

7."" & "" - Liy sa yo fèmen tou de wout ak konpozan routeur respektivman

Ki sa ki IndexRedirect

IndexRedirect se yon eleman nan React Router ki pèmèt ou redireksyon soti nan yon wout nan yon lòt. Li itilize lè ou vle redireksyon itilizatè a soti nan URL rasin aplikasyon w lan nan yon lòt wout. Pou egzanp, si ou gen yon aplikasyon ki gen yon URL rasin nan "/", ou ka itilize IndexRedirect redireksyon itilizatè a nan "/home" lè yo vizite URL la rasin.

Ki jan yo fè IndexRedirect

IndexRedirect nan React Router se yon fason pou redireksyon itilizatè yo soti nan URL rasin aplikasyon w lan nan yon lòt URL. Sa a ka itil pou dirije itilizatè yo nan paj ki pi enpòtan nan aplikasyon w lan, oswa pou kreye yon paj aterisaj.

Pou fè IndexRedirect nan React Routeur, ou bezwen sèvi ak la eleman. Eleman sa a pran de akseswar: "pou" ak "pouse". Yo itilize "pou" pou yo presize URL ou vle itilizatè yo dwe redireksyon, pandan y ap "pouse" la detèmine si wi ou non istwa navigatè a ta dwe mete ajou lè redireksyon sa a rive (vre pa default).

Pou egzanp, si ou te vle itilizatè ki vizite URL rasin ou a (egzanp, www.example.com) yo dwe redireksyon sou www.example.com/home, ou ta ka itilize yon IndexRedirect tankou sa a:

… lòt wout …