Решено: реагујући рутер додаје резервни део да ухвати све

Главни проблем у вези са Реацт Роутером и додавањем резервне руте за све је то што може бити тешко правилно конфигурисати резервну руту. Резервна рута мора бити конфигурисана на такав начин да ће ухватити све захтеве, укључујући и оне који нису важећи. Ако конфигурација није урађена исправно, захтеви за неважеће руте неће бити ухваћени резервном рутом и могу довести до грешака или неочекиваног понашања. Додатно, ако апликација садржи динамичке руте (нпр. засноване на уносу корисника), онда их треба узети у обзир приликом конфигурисања резервне руте тако да она такође буду ухваћене.

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

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

      {/* Fallback route */}
      <Route component={NoMatch} /> 

    </Switch>
  </Router>  
);

// Линија 1: Ова линија увози компоненте БровсерРоутер, Роуте и Свитцх из библиотеке реацт-роутер-дом.
// Линија 2: Ова линија дефинише константу под називом Апп која је компонента функције.
// Линија 3: Ова линија приказује компоненту рутера из реацт-роутер-дом.
// Линија 4: Ова линија приказује компоненту Свитцх из реацт-роутер-дом.
// Линије 5 и 6: Ови редови приказују две компоненте руте са тачним путањама и компонентама које ће бити приказане када се те путање подударају.
// Линија 8: Ова линија приказује резервну руту ако се ниједна од других рута не подудара. Он ће приказати компоненту НоМатцх ако се ниједна друга рута не подудара.

Шта је реаговати рутер

Реацт Роутер је библиотека рутирања за Реацт апликације. Омогућава програмерима да креирају руте и компоненте које се могу користити за навигацију између различитих страница у Реацт апликацији. Такође пружа функције као што су динамичко подударање рута, параметри упита и стање локације. Поред тога, пружа подршку за приказивање на страни сервера и раздвајање кода.

Свеобухватна резервна рута

Свеобухватна резервна рута је рута у Реацт Роутер-у која се поклапа са било којом путањом која није упарена ни са једном другом рутом. Овај тип руте се често користи за креирање 404 странице или за приказивање компоненте за све неусклађене путање. Важно је напоменути да резервна рута која обухвата све увек треба да буде последња рута на листи рута, јер ће одговарати било којој путањи и спречити да се друге руте поклапају.

Како правилно дефинисати резервну руту

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

Да бисте правилно дефинисали резервну руту у Реацт Роутеру, прво треба да креирате а компоненту и омотајте је око ваших рута. Унутар компоненту, требало би да укључите своје нормалне руте праћене а компонента без специфициране путање. Ово ће бити ваша резервна рута и ухватиће све захтеве који се не подударају ни са једном од ваших других рута. Затим можете одредити шта би требало да се деси када се ова рута подудара, као што је преусмеравање на страницу 404 или приказивање неког другог садржаја.

Зашто се резервни пут увек активирао

Резервна рута у Реацт Роутер-у се увек покреће када УРЛ путања не одговара ниједној од постојећих рута. Ово се може десити када корисник ручно унесе нетачну УРЛ адресу или ако логика рутирања апликације није правилно конфигурисана. Резервна рута омогућава програмерима да елегантно рукују овим сценаријима и дају повратне информације кориснику, као што је 404 страница или њихово преусмеравање на почетну страницу.

Релатед постс:

Оставите коментар