Zgjidhur: reagoni në router 6 navigoni

Problemi kryesor në lidhje me navigimin e React Router 6 është se ai nuk ofron një mënyrë për të kaluar mbështetësit ose gjendjen në rrugën e synuar. Kjo do të thotë që nëse keni nevojë të kaloni të dhëna nga një rrugë në tjetrën, duhet të përdorni një bibliotekë si React Query ose Redux. Për më tepër, sistemi i navigimit bazohet në URL dhe jo në komponentë, kështu që mund të jetë e vështirë për zhvilluesit që janë mësuar të punojnë me komponentë në vend të URL-ve.

import { useHistory } from "react-router-dom";

const history = useHistory();

history.navigate("/path/to/page");

1. Kjo linjë importon grepin useHistory nga biblioteka react-router-dom.
2. Kjo linjë krijon një konstante të re të quajtur histori dhe ia cakton grepin useHistory.
3. Kjo linjë përdor konstantën e historisë për të lundruar në një shteg të caktuar, në këtë rast “/ path/to/page”.

Shkoni

React Router është një bibliotekë e fuqishme rrugëtimi e ndërtuar në krye të React që ndihmon zhvilluesit të krijojnë, menaxhojnë dhe trajtojnë navigimin në aplikacionet e tyre. Ai ofron një zgjidhje të plotë të rrugëtimit për aplikacionet React me veçori të tilla si përputhja dinamike e rrugës, trajtimi i tranzicionit të vendndodhjes, restaurimi i lëvizjes dhe më shumë. Navigate është një pjesë e rëndësishme e React Router që lejon zhvilluesit të lundrojnë në mënyrë programore midis rrugëve të ndryshme në aplikacionin e tyre. Ai siguron një API për lundrimin midis rrugëve duke përdorur objektin e historisë ose duke ofruar një emër të drejtpërdrejtë. Me Navigate, zhvilluesit mund të krijojnë lehtësisht lidhje me faqet e tjera brenda aplikacionit të tyre dhe t'u ofrojnë përdoruesve mundësinë për të kaluar midis pamjeve të ndryshme pa e ringarkuar faqen.

Si mund të navigoj me react router?

Lundrimi me React Router është një proces i thjeshtë. Për të filluar, do t'ju duhet të instaloni paketën React Router nga npm. Pasi të instalohet, mund të përdorni komponent për të përcaktuar rrugët në aplikacionin tuaj. Të komponenti merr dy mbështetëse: shteg dhe komponent. Propozimi i shtegut përcakton shtegun e URL-së që do të aktivizojë itinerarin, dhe mbështetësi i komponentit është një komponent React që do të jepet kur ajo rrugë të përputhet.

Mund të përdorni edhe komponentë të tjerë si p.sh , dhe për të personalizuar më tej përvojën tuaj të rrugëtimit. Të komponenti ju lejon të krijoni lidhje midis rrugëve të ndryshme në aplikacionin tuaj, ndërsa komponenti ju lejon të ridrejtoni përdoruesit nga një rrugë në tjetrën. Së fundi, komponenti ju lejon të jepni vetëm një nga komponentët e shumtë në bazë të asaj se cila rrugë përputhet e para.

Përdorimi i këtyre komponentëve së bashku ju jep kontroll të fuqishëm mbi mënyrën se si përdoruesit lundrojnë nëpër aplikacionin tuaj dhe ofron një mënyrë intuitive për ta për ta bërë këtë.