Atrisināts: reaģēt maršrutētājs 6 navigācija

Galvenā problēma, kas saistīta ar React Router 6 navigāciju, ir tā, ka tas nenodrošina veidu, kā virzīt rekvizītus vai stāvokli mērķa maršrutā. Tas nozīmē, ka, ja jums ir jāpārsūta dati no viena maršruta uz citu, jums ir jāizmanto bibliotēka, piemēram, React Query vai Redux. Turklāt navigācijas sistēmas pamatā ir vietrāži URL, nevis komponenti, tāpēc izstrādātājiem, kuri ir pieraduši strādāt ar komponentiem, nevis URL, tas var būt sarežģīti.

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

const history = useHistory();

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

1. Šajā rindā tiek importēts āķis useHistory no react-router-dom bibliotēkas.
2. Šī rinda izveido jaunu konstanti, ko sauc par vēsturi, un piešķir to useHistory āķim.
3. Šajā rindā tiek izmantota vēstures konstante, lai pārvietotos uz noteiktu ceļu, šajā gadījumā uz “/path/to/page”.

Kuģot

React Router ir jaudīga maršrutēšanas bibliotēka, kas izveidota uz React, kas palīdz izstrādātājiem izveidot, pārvaldīt un apstrādāt navigāciju savās lietojumprogrammās. Tas nodrošina pilnīgu maršrutēšanas risinājumu React lietojumprogrammām ar tādām funkcijām kā dinamiska maršruta saskaņošana, atrašanās vietas pārejas apstrāde, ritināšanas atjaunošana un citas. Navigācija ir svarīga React Router daļa, kas ļauj izstrādātājiem programmatiski pārvietoties starp dažādiem maršrutiem savā lietojumprogrammā. Tas nodrošina API navigācijai starp maršrutiem, izmantojot vēstures objektu vai tieši norādot ceļa nosaukumu. Izmantojot navigāciju, izstrādātāji savā lietojumprogrammā var viegli izveidot saites uz citām lapām un nodrošināt lietotājiem iespēju pārslēgties starp dažādiem skatiem, nepārlādējot lapu.

Kā es varu pārvietoties ar react maršrutētāju?

Navigācija ar React Router ir vienkāršs process. Lai sāktu, jums būs jāinstalē React Router pakotne no npm. Pēc instalēšanas varat izmantot komponents, lai definētu maršrutus jūsu lietojumprogrammā. The komponentam ir divi balsti: ceļš un komponents. Ceļa piedāvājums definē URL ceļu, kas aktivizēs maršrutu, un komponenta piedāvājums ir React komponents, kas tiks renderēts, kad maršruts tiks saskaņots.

Varat arī izmantot citus komponentus, piemēram , , un lai vēl vairāk pielāgotu maršrutēšanas pieredzi. The komponents ļauj lietojumprogrammā izveidot saites starp dažādiem maršrutiem, savukārt komponents ļauj novirzīt lietotājus no viena maršruta uz citu. Visbeidzot, komponents ļauj renderēt tikai vienu no vairākiem komponentiem, pamatojoties uz to, kurš maršruts atbilst vispirms.

Izmantojot šos komponentus kopā, varat efektīvi kontrolēt to, kā lietotāji pārvietojas jūsu lietojumprogrammā, un nodrošina viņiem intuitīvu veidu, kā to izdarīt.