🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT -INCUBATOR:
Front-end
it-incubator.io/front-end/?ut...
Back-end
it-incubator.io/back-end/?utm...
Поддержать меня можно на:
Patreon / itkamasutra
Boosty boosty.to/itkamasutra
или оформив спонсорство на данном канале.
Помогайте друг другу вот здесь: t.me/reactjs_samurai
Уроки по React JS: • Курс "React JS - путь ...
Ууууух, наши уроки по React JS становятся всё интереснее и интереснее!!!
У нас ведь теперь есть 2 конмпоненты главные (Dialogs и Profile), по сути, 2 разные страницы! И нам хотелось бы между ними как-то переключаться!!!
И тут нам на помощь приходит компонента Route
Как она работает? Компонент Route просто следит за адресной строкой браузера и ... Если замечает, что там отображается "свой" (нужный ей) URL, то автоматом отрисовывает нужную компоненту!
А вот то, что в данном уроке я прописывал:
* установка пакета:
npm i react-router-dom -save
* пример (замените знаки ⋗ и ⋖ на нормальные):
Вот в это нужно обернуть компоненту App:
⋖BrowserRouter⋗ ⋖App /⋗⋖/BrowserRouter⋗
А вот так добавлять уже сами роуты:
⋖Route path='/dialogs/' component={Dialogs} /⋗
* Сайты:
it-kamasutra.com
it-incubator.eu
samuraijs.com
* Мы в соц. сетях:
vk.com/itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
vk.com/d.kuzyuberdin
/ it.kamasutra.dimych
#reactJS #практика #примеры #уроки #курс
Негізгі бет 19. Уроки React JS (route, browser-router, маршрутизация) - react курсы бесплатно
Пікірлер: 1,8 М.