La xaliyay: Sida loo jiheeyo React Router v6

Dhibaatada ugu weyn ee la xiriirta dib u habeynta React Router v6 ayaa ah in ereyga dib-u-hagida uu si weyn uga beddelay noocyadii hore. Gudaha v6, qaybta Redirect waa in la isticmaalo halkii laga isticmaali lahaa curiye, iyo wax-ku-taabashada waa in lagu bixiyaa shay ay ku jiraan hanti magac leh. Intaa waxaa dheer, qalab kasta oo dheeraad ah sida gobolka ama cabbirrada weydiinta waa in lagu daraa shaygan. Tani waxay ku adkeyn kartaa horumariyeyaasha loo bartay inay adeegsadaan syntax-ka fudud ee noocyadii hore ee React Router.

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. ka soo dejinta {Diiwaangelinta} ka 'react-router-dom';
- Khadkani waxa uu ka keenayaa qaybta Redirect maktabadda react-router-dom.

2.
- Khadkani wuxuu abuuraa qayb marineed oo leh dariiq sax ah "/wadii hore".

3.
- Xariiqdani waxay isticmaashaa qaybta dib-u-habaynta si ay uga leexiso "/wadii hore" una gudubto "/dariiq cusub".

Sideen ugu jiheeyaa React Router v6

v6

React Router v6 waxa ay bixisaa qayb dib u toos ah oo loo isticmaali karo in isticmaalayaasha hal bog loo wareejiyo mid kale. Si aad u isticmaasho qaybta Redirect, waxaad u baahan tahay inaad ka soo dejiso xidhmada react-router-dom Qaybta Redirect waxay qaadataa laba qalab: laga bilaabo iyo ku socda. The "laga bilaabo" prop waa dariiqa bogga hadda, iyo "to" prop waa dariiqa bogga aad rabto inaad u jiheyso isticmaalayaasha. Tusaale ahaan, haddii aad rabto inaad isticmaalayaasha ka jihayso / homepage una jeediyaan / ku saabsan, koodkaagu wuxuu u ekaan doonaa sidan:

ka soo dejinta {Diiwaangeli} ka 'react-router-dom';

Waa maxay react-ka router?

React Router waa laybareeri habayneed oo loogu talagalay React taas oo u oggolaanaysa horumariyayaasha inay abuuraan barnaamijyo hal bog ah oo leh hagid iyo firfircooni, marin gobolka ku salaysan. Waxay kaa caawinaysaa in UI la jaanqaado URL-ka, taasoo u sahlaysa isticmaalayaasha inay wadaagaan oo ay calaamadeeyaan URL-yada. React Router waxa kale oo uu bixiyaa sifooyin awood leh sida rarista caajiska ah, ilaalinta dariiqa, iyo maaraynta kala guurka goobta.

Noocyada router ee falcelinta

React Router waa laybareeriga dariiqa ee React taas oo u oggolaanaysa horumariyayaasha inay abuuraan codsiyo hal bog ah oo leh navigation iyo URL marin. Waxay bixisaa saddex nooc oo router: BrowserRouter, HashRouter, iyo MemoryRouter.

BrowserRouter: Router-kaani wuxuu isticmaalaa taariikhda HTML5 API si uu UI-gaaga ula mid noqdo URL-ka. Waxa loo isticmaalaa marka aad rabto inaad ku isticmaasho URL-yada dhabta ah ee codsigaaga.

HashRouter: Router-kani waxa uu isticmaalaa qaybta xashiishka ee URL-ka (ie, #) si uu UI gaaga ula mid noqdo URL-ka. Waxaa la isticmaalaa marka aadan rabin inaad isticmaasho URL-yada dhabta ah ama marka aad u baahan tahay la socon kara daalacashada hore ee aan taageerin HTML5 taariikhda API.

MemoryRouter: Router-kani waxa uu kaydiyaa taariikhda goobaha ee xusuusta mana la falgalo barta ciwaanka browserka mana sameeyo URLs dhab ah. Waxay faa'iido u leedahay ujeedooyinka tijaabinta ama meelaha aan loo baahnayn isticmaalka URL-yada dhabta ah (tusaale ahaan u gudbinta dhinaca server-ka).