Решено: реаговати рутер дом ИндекРедирецт

Главни проблем у вези са Реацт Роутер ДОМ ИндекРедирецт је тај што може изазвати неочекивана преусмеравања. То је зато што компонента ИндекРедирецт аутоматски преусмерава кориснике на одређену руту када приступе основном УРЛ-у веб локације. Ово може бити збуњујуће за кориснике који очекују да виде почетну страницу или други садржај на основном УРЛ-у. Поред тога, ако је корисник већ отишао до одређене странице, а затим освежио свој претраживач, може бити неочекивано преусмерен са те странице због компоненте ИндекРедирецт.

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. „импорт { БровсерРоутер ас Роутер, Роуте, ИндекРедирецт } из 'реацт-роутер-дом';“ – Ова линија увози компоненте БровсерРоутер, Роуте и ИндекРедирецт из библиотеке реацт-роутер-дом.

КСНУМКС. "” – Ова линија умотава све руте у компоненту рутера која се користи за подешавање рутирања за Реацт апликацију.

КСНУМКС. "” – Ова линија поставља руту са путањом '/'. Сви захтеви за ову путању биће обрађени овом рутом.

КСНУМКС. "” – Ова линија преусмерава све захтеве на '/' путању до '/хоме'.

КСНУМКС. "” – Ова линија поставља руту са путањом '/хоме'. Сваки захтев за ову путању ће бити обрађен од стране компоненте Хоме која се прослеђује као аргумент компоненти Роуте.

КСНУМКС. "” – Ова линија поставља руту са путањом '/абоут'. Свим захтевима за ову путању ће управљати компонента Абоут која се прослеђује као аргумент компоненти Роуте.

7.”” & “” – Ове линије затварају и руте и компоненте рутера

Шта је ИндекРедирецт

ИндекРедирецт је компонента у Реацт Роутер-у која вам омогућава преусмеравање са једне руте на другу. Користи се када желите да преусмерите корисника са основног УРЛ-а ваше апликације на другу руту. На пример, ако имате апликацију са основним УРЛ-ом „/“, можете користити ИндекРедирецт да преусмерите корисника на „/хоме“ када посете основни УРЛ.

Како направити ИндекРедирецт

ИндекРедирецт у Реацт Роутер-у је начин да преусмерите кориснике са основног УРЛ-а ваше апликације на други УРЛ. Ово може бити корисно за усмеравање корисника на најважнију страницу ваше апликације или за прављење одредишне странице.

Да бисте извршили ИндекРедирецт у Реацт Роутер-у, потребно је да користите саставни део. Ова компонента узима два реквизита: „до“ и „гурање“. Пропорција „до“ се користи за одређивање УРЛ адресе на коју желите да корисници буду преусмерени, док „пусх“ проп одређује да ли се историја прегледача треба ажурирати када дође до овог преусмеравања (подразумевано је тачно).

На пример, ако желите да корисници који посете ваш основни УРЛ (нпр. ввв.екампле.цом) буду преусмерени на ввв.екампле.цом/хоме, можете да користите ИндекРедирецт овако:

… други путеви…