Решено: реаговати рутер 6 навигација

Главни проблем везан за Реацт Роутер 6 навигацију је тај што не пружа начин за прослеђивање пропс-а или стања на циљну руту. То значи да ако треба да пренесете податке са једне руте на другу, морате користити библиотеку као што је Реацт Куери или Редук. Поред тога, систем за навигацију је заснован на УРЛ адресама, а не на компонентама, тако да може бити тешко за програмере који су навикли да раде са компонентама уместо УРЛ адресама.

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

const history = useHistory();

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

1. Ова линија увози усеХистори куку из библиотеке реацт-роутер-дом.
2. Ова линија креира нову константу која се зове историја и додељује је куки усеХистори.
3. Ова линија користи константу историје за навигацију до одређене путање, у овом случају „/патх/то/паге“.

Крећите

Реацт Роутер је моћна библиотека рутирања изграђена на врху Реацт-а која помаже програмерима да креирају, управљају и управљају навигацијом у својим апликацијама. Пружа комплетно решење за рутирање за Реацт апликације са функцијама као што су динамичко подударање рута, руковање прелазом локације, враћање скроловања и још много тога. Навигате је важан део Реацт Роутер-а који омогућава програмерима да се програмски крећу између различитих рута у својој апликацији. Пружа АПИ за навигацију између рута помоћу објекта историје или директним давањем имена путање. Уз Навигате, програмери могу лако да креирају везе до других страница у оквиру своје апликације и да корисницима пруже могућност да прелазе између различитих приказа без поновног учитавања странице.

Како да се крећем са реацт рутером?

Навигација помоћу Реацт рутера је једноставан процес. Да бисте започели, мораћете да инсталирате Реацт Роутер пакет са нпм-а. Једном инсталиран, можете користити компонента за дефинисање рута у вашој апликацији. Тхе компонента узима два реквизита: путању и компоненту. Путања проп дефинише УРЛ путању која ће покренути руту, а компонента проп је Реацт компонента која ће бити приказана када се та рута подудара.

Можете користити и друге компоненте као што су , , и да додатно прилагодите своје искуство рутирања. Тхе компонента вам омогућава да креирате везе између различитих рута у вашој апликацији, док је компонента вам омогућава да преусмерите кориснике са једне руте на другу. Коначно, компонента вам омогућава да прикажете само једну од више компоненти на основу тога која се рута прва подудара.

Коришћење ових компоненти заједно даје вам моћну контролу над начином на који се корисници крећу кроз вашу апликацију и пружа им интуитиван начин да то учине.

Релатед постс:

Оставите коментар