Ingxaki ephambili enxulumene nokuhanjiswa kwakhona kwiReact Router v6 kukuba i-syntax yokuqondisa kwakhona itshintshile kakhulu kwiinguqulelo zangaphambili. Kwi-v6, icandelo lokuqondisa ngokutsha kufuneka lisetyenziswe endaweni ye
In React Router v6, you can use the <Redirect> component to redirect from one page to another. Example: import { Redirect } from 'react-router-dom'; <Route exact path="/old-path"> <Redirect to="/new-path" /> </Route>
1. ngenisa ngaphandle { Ukuqondisa kwakhona } ukusuka 'kwi-react-router-dom';
– Lo mgca ungenisa icandelo leReact React kwilayibrari yereact-router-dom.
2.
- Lo mgca udala icandelo leNdlela kunye nendlela echanekileyo "/ indlela endala".
3.
- Lo mgca usebenzisa i-Redirect component ukuqondisa kwakhona ukusuka "/indlela endala" ukuya "/indlela entsha".
Ndingayithumela njani kwakhona kwiReact Router v6
v6
I-React Router v6 ibonelela ngecandelo lokuLathisa kwakhona elinokusetyenziswa ukuqondisa kwakhona abasebenzisi ukusuka kwelinye iphepha ukuya kwelinye. Ukusebenzisa icandelo lokuqondisa kwakhona, kufuneka ulingenise kwiphakheji ye-react-router-dom. Ilungu lokuqondisa ngokutsha lithatha iipropu ezimbini: ukusuka kunye nokuya. Ipropu ethi "ukusuka" yindlela yephepha langoku, kwaye ipropu "ukuya" yindlela yephepha ofuna ukuhambisa abasebenzisi kulo. Umzekelo, ukuba ubufuna ukwalathisa abasebenzisi ukusuka / kwikhasi lasekhaya ukuya / malunga, ikhowudi yakho iya kujongeka ngolu hlobo:
rhweba ngaphandle {Redirect } ukusuka 'ku-react-router-dom';
Yintoni i-react router?
I-React Router lithala leencwadi lendlela yeReact evumela abaphuhlisi ukuba benze usetyenziso olunephepha elinye ngokujonga kunye nokuguquguqukayo, indlela esekwe kurhulumente. Kuyanceda ukugcina i-UI ihambelana ne-URL, yenza kube lula kubasebenzisi ukwabelana kunye nokuphawula ii-URL. I-React Router ikwabonelela ngeempawu ezinamandla ezinjengokulayisha ukonqena, ukukhuselwa kwendlela, kunye nokuphatha inguqu yendawo.
Iindidi zeRouter ngokusabela
I-React Router lithala leencwadi le-React elivumela abaphuhlisi ukuba benze usetyenziso olunephepha elinye ngokujonga kunye nendlela ye-URL. Ibonelela ngeendlela ezintathu zeerotha: iBrowserRouter, HashRouter, kunye neMemoryRouter.
IbrowserRouter: Le ndlela isebenzisa i-API yembali ye-HTML5 ukugcina i-UI yakho ihambelana ne-URL. Isetyenziswa xa ufuna ukusebenzisa ii-URL zokwenyani kwisicelo sakho.
I-HashRouter: Le ndlela isebenzisa inxalenye ye-hash ye-URL (okt, #) ukugcina i-UI yakho ingqamaniswa ne-URL. Isetyenziswa xa ungafuni ukusebenzisa ii-URL zokwenyani okanye xa ufuna ukuhambelana neziphequluli ezindala ezingaxhasi HTML5 yembali ye-API.
I-MemoryRouter: Le router igcina imbali yeendawo kwimemori kwaye ayisebenzi kunye nebar yedilesi yesikhangeli okanye idale ii-URL zangempela. Iluncedo kwiinjongo zovavanyo okanye kwiimeko apho ukusebenzisa ii-URL zokwenyani kunganqweneleki (umzekelo, unikezelo lwecala lomncedisi).