Добро пожаловать
Вход / Регистрация

19. Уроки React JS - путь самурая (route, browser-router, маршрутизация) - react курсы бесплатно

Спасибо! Поделитесь с друзьями!

URL

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

Sorry, only registred users can create playlists.
URL


Добавлено by Admin В Программирование
16 Просмотры

Описание

Ууууух, наши уроки по React JS становятся всё интереснее и интереснее!!!

У нас ведь теперь есть 2 конмпоненты главные (Dialogs и Profile), по сути, 2 разные страницы! И нам хотелось бы между ними как-то переключаться!!!

И тут нам на помощь приходит компонента Route

Как она работает? Компонент Route просто следит за адресной строкой браузера и ... Если замечает, что там отображается "свой" (нужный ей) URL, то автоматом отрисовывает нужную компоненту!

А вот то, что в данном уроке я прописывал:

* установка пакета:
npm i react-router-dom -save

* пример (замените знаки ⋗ и ⋖ на нормальные):
Вот в это нужно обернуть компоненту App:
⋖BrowserRouter⋗ ⋖App /⋗⋖/BrowserRouter⋗
А вот так добавлять уже сами роуты:
⋖Route path='/dialogs/' component={Dialogs} /⋗
* Сайты:
https://it-kamasutra.com
https://it-incubator.by
https://samuraijs.com

* Мы в соц. сетях:
https://vk.com/itkamasutra
https://instagram.com/itkamasutra
https://telegram.me/itkamasutra

* Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
https://www.instagram.com/it.kamasutra.dimych/

Написать комментарий

Комментарии

Комментариев нет.
RSS