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

Ууууух, наши уроки по React JS становятся всё интереснее и интереснее!!! У нас ведь теперь есть 2 конмпоненты главные (Dialogs и Profile), по сути, 2 разные страницы! И нам хотелось бы между ними как-то переключаться!!! И тут нам на помощь приходит компонента Route Как она работает? Компонент Route просто следит за адресной строкой браузера и ... Если замечает, что там отображается “свой“ (нужный ей) URL, то автоматом отрисовывает нужную компоненту! А вот то, что в данном уроке я прописывал: * установка пакета: npm i react-router-dom -save * пример (замените знаки ⋗ и ⋖ на нормальные): Вот в это нужно обернуть компоненту App: ⋖BrowserRouter⋗ ⋖App /⋗⋖/BrowserRouter⋗ А вот так добавлять уже сами роуты: ⋖Route path=’/dialogs/’ component={Dialogs} /⋗ Помогайте друг другу вот здесь: Поддержать проект монеткой: