Išspręsta: react router 6 navigate

Pagrindinė problema, susijusi su „React Router 6 navigate“, yra ta, kad jis nesuteikia būdo perduoti rekvizitus ar būseną į tikslinį maršrutą. Tai reiškia, kad jei jums reikia perduoti duomenis iš vieno maršruto į kitą, turite naudoti biblioteką, pvz., React Query arba Redux. Be to, navigacijos sistema yra pagrįsta URL, o ne komponentais, todėl kūrėjams, įpratusiems dirbti su komponentais, o ne URL, gali būti sunku.

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

const history = useHistory();

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

1. Ši eilutė importuoja useHistory kabliuką iš react-router-dom bibliotekos.
2. Ši eilutė sukuria naują konstantą, vadinamą istorija, ir priskiria ją „useHistory“ kabliui.
3. Ši eilutė naudoja istorijos konstantą, kad pereitų į nurodytą kelią, šiuo atveju „/path/to/page“.

Turinys

„React Router“ yra galinga maršruto parinkimo biblioteka, sukurta „React“, kuri padeda kūrėjams kurti, valdyti ir tvarkyti savo programų naršymą. Jame pateikiamas visas „React“ programų maršruto parinkimo sprendimas su tokiomis funkcijomis kaip dinaminis maršruto suderinimas, vietos perėjimo tvarkymas, slinkties atkūrimas ir kt. Navigacija yra svarbi React Router dalis, leidžianti kūrėjams programiškai naršyti tarp skirtingų maršrutų savo programoje. Tai suteikia API, skirtą naršyti tarp maršrutų naudojant istorijos objektą arba tiesiogiai nurodant kelio pavadinimą. Naudodami Navigate kūrėjai gali lengvai kurti nuorodas į kitus savo programos puslapius ir suteikti vartotojams galimybę perjungti skirtingus rodinius neįkeldami puslapio iš naujo.

Kaip naršyti naudojant react maršrutizatorių?

Naršymas naudojant „React Router“ yra paprastas procesas. Norėdami pradėti, turėsite įdiegti „React Router“ paketą iš npm. Įdiegę galite naudoti komponentas maršrutams apibrėžti jūsų programoje. The komponentas turi du rekvizitus: kelią ir komponentą. Kelio pasiūlymas apibrėžia URL kelią, kuris suaktyvins maršrutą, o komponento pasiūlymas yra „React“ komponentas, kuris bus pateiktas, kai tas maršrutas bus suderintas.

Taip pat galite naudoti kitus komponentus, pvz , ir norėdami toliau tinkinti maršruto parinkimo patirtį. The komponentas leidžia kurti nuorodas tarp skirtingų maršrutų programoje, o komponentas leidžia nukreipti vartotojus iš vieno maršruto į kitą. Galiausiai, komponentas leidžia pateikti tik vieną iš kelių komponentų, atsižvelgiant į tai, kuris maršrutas sutampa pirmiausia.

Naudodami šiuos komponentus kartu galėsite veiksmingai valdyti, kaip vartotojai naršo jūsų programoje, ir suteikia jiems intuityvų būdą tai padaryti.