React JS сайт с нуля - Роутинг сайта, переход по страницам

В этом уроке React js мы поговорим про роутинг и создадим роуты для нашего сайта. React router используется для построения маршрутизации нашего приложения или простыми словами перехода между страницами сайта. Если вы учите react js то обязательно должны научиться использовать react router в своей работе.
Хостинг HandyHost: handyhost.ru/h...

[@Yond-in7ij]

Для тех кто смотрит в 2022) Команда Switch для routre dom v6 изменилась на Routes Component/render на element Проверка теперь не по component = {Home} , а element = {}

[@БогданПавлюк-с1р]

Спасибо, долго думал что я не то написал )

[@berik_arapovv]

Брат спасибо я уже час сижу с тим Свичом

[@Keroracco]

Спасибо, долго думал, что это я тупой хлебушек с:

[@Владислав-ч5д5з]

от души

[@ВикторБогатырев-о3и]

Парни подскажите плиз, сделал через Routes^ у меня ошибка ушла со Switch связанная, но и пропала Navbar Ни на одной странице не отображается, что делать?

[@omurbekbeksultanov1634]

Swicth не компилируется , всё сделал правильно подскажите(

[@BestMusicTheAppolo]

Чел выше написал, "Да, оказывается что в новых версиях React Switch меняется на Routes" Вместо Switch пропиши Routes мне помогло

[@omurbekbeksultanov1634]

@@BestMusicTheAppolo спасибо)

[@СидхартхаГаутама]

Друзья, кто захочет повторить этот урок в 2023 и более году учитывайте следующее - не работает - меняем на . Такая инструкция тоже меняем на

[@fabek7577]

Сапасибо большое очень помог

[@redeyes256]

У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо. Видимо что-то внутри библиотек поменялось. Ох уж этот фронтенд)))

[@stanley_tweedle]

Спасибо.

[@timzababurin]

Чтоб я без тебя делал)

[@zakhartykhun4922]

привет, я поменял, но всеравно не видно страниц (home, contacts, blog, about). не подскажешь что делать?

[@ivansavkiv2765]

++

[@РоманПетров-й5е]

помог !

[@vladyslavbukhanets7185]

Изменения в коде на 2023 это: Команда Switch для routre dom v6 изменилась на Routes Component/render на element Проверка теперь не по component = {Home} , а element = {} Второе изменение : У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо

[@battleshot6003]

Человек ты просто гений в плане второго изменения!!!!!!

[@АелинаКарымшакова]

Спасибо большое

[@roflostrike-csgofunnymomen1355]

ага, зато шапка теперь не прилеплена, так себе совет

[@mrakov]

Почему ты ничего не рассказал про возможность передачи props в компонент внутри Route, про Redirect, и то что при нажатии на ссылку страница перезагружается, потому что не вставил Link, зачем выпускать видос в 2020, ничего про базовые возможности не сказав? При этом еще все хавают это. Смотрел раньше твои уроки когда учился, этот видос что-то расстроил.

[@Aik-bu1yi]

+ я оболдел когда страницы начали перезагружаться целиком. как вставить линк ?

[@mrakov]

@@Aik-bu1yi component

[@stanislavrud2306]

@@Aik-bu1yi Home

[@DukeSpontaneous]

С прошлого видео внезапно пропал параметр `fixed="top"`, а с ним текста страницы не видно.

[@SuprunAlexey]

Отступ для текста надо сделать и все)

[@sergey-kozlov]

Спасибо, это крайне важно. Похоже все тупо смотрят и сами не повторяют это локально. Я не усмотрел этот момент

[@sergey-kozlov]

@@SuprunAlexey Об этом стоило сказать в видео

[@ripsik6441]

Полностью с тобой согласен. Вчера час потратил, несколько раз переписывал код. В итоге текста не было видно. Спасибо за комментарий :)

[@katrintennant2673]

@@SuprunAlexey Подскажите, пожалуйста, у меня этого параметра нет, а текста все равно не видно. Как сделать отступ? Ну или где может быть ошибка?

[@romanlapin178]

ничего не могу понять почему у меня не отображаются страницы?? Никакой ошибки нет ъ

[@poval7579]

Страницы отображаются но их не видно за хедером. Нужно у Navbar убрать параметр fixed-'top'. Ну или сделать отступ сверху для страниц

[@redeyes256]

@@poval7579 еще можно вместо fixed="top" сделать sticky="top", тогда все будет работать как надо :)

[@poval7579]

@@redeyes256 Не знал, спасибо)

[@alanpuch2243]

@@redeyes256 Огромное спасибо, очень помогло!

[@Edvard-Aliev]

Все обходил стороной React думал сложно, сам на php laravel делаю сайты, сейчас перехожу на JS изучаю React, с твоими видео уроками очень легко понять как и что делать, и получил более плавный и легкий переход, спасибо за видео, за 3 часа переписал весь сайт с php bootstrap laravel в React!

[@Dak_Light]

заменить на , component = { } на element = {< />} и будет работать. (Актуально, для версии react-routed-dom V6)

[@iChepikov]

Что то поменялось? Я всё поменял, всё ещё не работает

[@Mortq]

@@iChepikov всё работает

[@sherhun6754]

На самойстранице перехода что менять?

[@fedorsuharukov5631]

Алексей красавчик! выпустил 2 видео за день

[@leonsadeness]

Ребята, просто откройте документацию, там все тоже самое написано, и даже больше, и понятней. Семиминутное видео с содержанием "просто повторите за мной" - это НЕ урок, а инструкция.

[@bossden4ik589]

Ошибка с методом Switch. Attempted import error: 'Switch' is not exported from 'react-router-dom'.

[@omurbekbeksultanov1634]

та же проблема что то понять не могу , пни если узнаешь

[@andriizvarych2478]

один проект делал точь в точь месяц назад работает начал новый по этому же видео точь в точь и неработает {Attempted import error: 'Switch' is not exported from 'react-router-dom'.}

[@elizabethpopova7944]

Либо установите версию 5.2.0, вместо 6/ либо измените Switch на Routes

[@yuliyabrisco4971]

так нашли в чем проблема?

[@Alice-mg5hx]

@@yuliyabrisco4971 Приблема в версиях. В "react-router-dom" v6, "Switch" заменили на "Routes". Что бы в примере из видео все заработало нужно изменить: 1. import { ..., Switch, ... } from "react-router-dom"; На import { ..., Routes, ... } from "react-router-dom"; 2. На это:

[@МаксимЗавьялов-ш7с]

у кого не появляются слова, просто уберите fixed="top" у Navbar

[@skaut88]

Надо просто заменить fixed="top" на sticky="top"

[@mcdba41]

Чтоб не перегружать страницы поменять Home на Home итд + обернуть ... в

[@ГеоргийЧерный-ь1з]

Пытался исправить и почему то не получается...

[@ИванСтепанов-л2ц]

*Получилось* - спс: import React, { Component } from 'react' import { Navbar, Form, Container, Nav, NavLink, Button, FormControl } from 'react-bootstrap' import logo from './logo192.png' //import { Router, Switch } from 'react-router-dom' import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; import Home from '../Pages/Home.js' import About from '../Pages/About.js' import Contacts from '../Pages/Contacts.js' import Blog from '../Pages/Blog.js' export default class Header extends Component { render() { return ( ** React site Home About us Contacts Blog Search ) } }

[@avi.kyiv.ukraine]

@@ИванСтепанов-л2ц Спасибо тебе, добрый человек!

[@agteslenko]

@@ИванСтепанов-л2ц Огромное спасибо!

[@Galina-om3jw]

Добрый день! Я сделала все по видео, но в итоге, текст, указанный в компонентах папки Pages не выводится. В консоли ошибок нет. Вce устанавливала, все пути прописала... Что это может быть?

[@Galina-om3jw]

Все. Разобралась, оказалось элементарно - нужно убрать в Navbar атрибут fixed

[@SuprunAlexey]

Вот и славно😇

[@boburbaxrombekov8604]

@@Galina-om3jw У меня тож такая проблема было СП за Решение Проблемы

[@philosoferscfx]

у меня вот этот код сработал, взял из коментов и немного модифицировал import React, { Component } from 'react' import { Navbar, Form, Container, Nav, NavLink, Button, FormControl } from 'react-bootstrap' import logo from './logo192.png' import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; import Home from '../Pages/Home' import About from '../Pages/About' import Contacts from '../Pages/Contacts' import Blog from '../Pages/Blog' export default class Header extends Component { render() { return ( React site Home About us Contacts Blog Search ) } }

[@ristar3132]

Спасибо! Это сработало! Плюсую!

[@mlpyavamystical_yt]

огонь спасибо!

[@sirenot6220]

У кого возникает ошибка с Switch, установите npm install react-router-dom@5 , и всё сразу ошибка исчезнет!

[@uchqun3439]

Спасибо спасатель

[@Prontein51]

Спасибо

[@artemdushkin8156]

Друзья, а что делать с Link? Мы его импортируем, но нигде не используем ведь! Или я что-то упустил?

[@monolit-8346]

"export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'" Замените Switch на Routes

[@berik_arapovv]

все спасибо брат уже час сижу с этим Свичом

[@potatohd404]

Леха, твои видео по react- лучшие видео на ютубе, с нетерпением жду новых выпусков!

[@elvinalishov2176]

a koqda ubral fixed top tekst poyavilsya posle navbara

[@Smertniyy]

Переход со страницы на страницу работает, но содержимое страницы не отображается.

[@АлександрИванов-й4ц1ш]

React под звуки дождя) Прямо слушать на ночь)

[@SuprunAlexey]

Хотел записать в тот день, потому что сейчас времени нет, и был как на зло дождь, но подумал лучше сделать чем оставить на потом)

[@yarmik3d]

каждый раз как слышу подпишитесь лайк поставьте машинально ставлю диз и ведь ничего с собой поделать не могу, так это бесит.

[@azamjon40]

Почему то у меня нет ошибка но и не перекулчается

[@andyprod5687]

У меня не получилось(. Но все сделал провильно

[@AleksanderMatrosov]

Кто знает как настроить отображение меню на всю ширину экрана в десктоп режиме?

[@AndreyLive95]

А на сколько Это профессионально , так писать код

[@ivankireev7126]

Всё очень круто! Такой вопрос, какие плагины ты используешь в vs-code?

[@SuprunAlexey]

kzbin.info/www/bejne/iGLXg3eoib6ifaM

[@oleksandrmalishevskyi2512]

На 4:51 ты прописал rcc и страница компонента заполнилась. У меня такого нет. Вопрос - как сделать так, что бы можно было сделать как ты?

[@monolit-8346]

Поищи дополнения на свой редактор. "React снипеты/дополнения на редактор кода"

[@Legat74]

А какая разница между этим и простой html+css страницами?

[@SuprunAlexey]

В том что в react js можем реализовать логику приложения

[@Legat74]

Web Developer Blog ну то есть это позже заметно будет?

[@SuprunAlexey]

А сейчас не заметно разбиение на компоненты и маршрутизация?

[@Legat74]

Web Developer Blog я не замечаю разницы при переходе на другую страницу

[@SuprunAlexey]

Чисто визуально разницы сейчас не будет)

[@РоманПетров-й5е]

return ( . . . ); } }

[@ИсламМусаев-и1з]

Здравствуйте, у меня такая проблема по этому видео я все написал как у вас но у меня не выходит сообщение в страница типо в Контакты, About. Все проверил все четко написанно не подскажите почему не показывает

[@БонгиБонги]

отступ сделай от шапки, или глянь выше комменты там есть решение

[@Pl0vec]

У меня не выводятся на экран слова Home, About, Contacts,Blog.Navbar fixed=“top” убран. В поисковой строке видно, что страницы переключаются. Попробовал увеличить сам текст страницы,но ничего не меняется.Что можно еще попробовать?

[@SuprunAlexey]

Поменяйте на h1 что б текст больше был

[@Pl0vec]

@@SuprunAlexey не помогает , очень странно вообщем, ощущение что страницы переключаются на стороне "сервера"(если так можно назвать)но не отображаются на экране

[@SuprunAlexey]

Import проверьте, npm install react router dom делали? Link проверьте, Router, Switch, страницы

[@Pl0vec]

@@SuprunAlexey "react-router-dom": "^5.1.2"(посмотрел в файле package.json ,как я понимаю в этом файле отображается что подключено).Я заметил при переходе по страницам , что путь к ним не напрямую чтоли(localhost:3000/about/contacts/blog/contacts/) каждый раз как я нажимаю на раздел он запоминается, на home работает нормально ( в плане пути в поисковой строке, но текст на самой странице так же не выводится)

[@aleksandrkichkin2308]

@@SuprunAlexey таже сама ситуация , Link не работает . при периключении между страницами сам раутинг работает но контент страницы ( home,about, contacts, blog) не отоброжается . раутинг и раутинг дом инсталирован

[@martinhovhannisyan6553]

здрасте, а как можно сделать переключение страниц без перезагрузки? разве не в том смысл Router-а? если писать просто то дизайн Bootstrap-a падает.

[@bogdandovgyi4957]

Імпортуйте NavLink не в react-router-dom, a в react-bootstrap.

[@Den_camrad]

Подскажите, что за ошибка - Failed to compile ./src/App.js Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.min.css' in 'E:\Programing eact_site\src'

[@Dmitry_Sotnikov]

Привет, переустанови Bootstrap. Вот это в командную строку введи npm install react-bootstrap@next bootstrap@5.1.0. Успехов.

[@hocok5274]

Привет , такой вопрос если в вношу fixed="top" у меня не видно слово на странице Home , так как оно получается под шапкой , как исправить ?

[@SuprunAlexey]

Добавить отступ сверху для слова на странице Home

[@simplechannel693]

@@SuprunAlexey А как отступ добавить 😅 или где можно посмотреть как это делается ? Всё, разобрался Contacts

[@КириллВасильев-к6р]

@@simplechannel693 Под Navbar добавь несколько

[@georgiyshaposhnikov6382]

Вместо классовых компонентов лучше использовать функциональные, с ними удобнее в дальнейшем работать

[@konstantin-vasilev]

Про маршрутизацию без перезагрузки страниц рассказано в этом ролике: kzbin.info/www/bejne/gH7aYaKjjZmEhLM

[@ИгорьФорсенко]

Routes instead of "Switch"

[@АшотПогосян-л9м]

брат а где продолжение ?

[@JungoOff]

По больше таких видео

[@arturshopengauer219]

Подскажите , а как сделать переход по страницам без перезагрузки

[@Сергійбаранчук-ю7и]

Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.

[@arturshopengauer219]

Нет не переходил, посмотрю. Посмотрел... Не понял, пока

[@arturshopengauer219]

А к чему seo, и магазины???

[@ruslanhasanov7089]

Вот что делать новичку в реакт, когда у него что-то не получилось??? У меня не происходит переключение между страницами, либо содержимое не отображается, не могу понять(

[@АндрейЗык-щ1ш]

Приветствую, подскажи пожалуйста может уже и время прошло нотвои видео актуальны, у меня вопрос по поводу inline ----- React не видет его в ДОМ и выдаёт ошибку Warning: Received `true` for a non-boolean attribute `inline`. If you want to write it to the DOM, pass a string instead: inline="true" or inline={value.toString()}. как можно это исправить. из-за этого форма и кнопка не встают в одну линию и не заполняют во флексе весь блок

[@ДанилГребнев-о7с]

почему при переходе у тебя обновляется страница? Разве роутинг не позволяет делать переход по страницам без обновления?

[@mixero]

Чётенько

[@BohdanStelmakh-u9y]

Видео про Роутинг сайта , но у тебя он не работает. Если люди понимают о чём идёт речь, то они заметят что страницы у тебя рендеряться! Но так не должно быть, ты его просто для прикола добавил?

[@AI_about_crypto]

Привет , как сделать подроутинг?

[@Zibinskiy]

У меня не выводятся на экран слова Home, About, Contacts & Blog. При этом в поисковой строке видно, что сами страницы переключаются. Где искать ошибку?

[@SuprunAlexey]

Navbar fixed=“top”?

[@Zibinskiy]

@@SuprunAlexey Точно! Спасибо ))))

[@d1z3ro]

Web Developer Blog а как сделать их одновременно, чтобы и navbar отображался, и текст?

[@Виталий-р3е8р]

@@d1z3ro можно задать дивам на страницах класс какой нибудь и маргином сверху сделать отступы например.

[@aleksandrkichkin2308]

@@SuprunAlexey да . спасибо я на этом оказывается тоже попался. текст спрятался за шапкой навигации и его не видно было, два часа проковырял пока не начел другой контент пробовать на страницы вводить и потом увидел что отоброжает но текст спрятался )) . спасибо еще раз уроки , жду продолжение проекта !

[@larisaplatova1644]

Спасибо за информацию

[@ДаниилБойко-ж8ж]

Когда новый урок?)

[@Kami_Zhaudatov]

Круто, давай продолжение!

[@mmm-m2t]

Есть одна проблема, сам с ней сталкивался. А именно, перезагрузка страницы. Страница не должна перезагружаться. То есть должна происходить подмена url. Хотя, в данной ситуации может так и можно ;-;

[@ddrdeveloper]

Страница то все равно перезагружается, наверное, потому что в Link вместо to прописан href

[@MejYan]

Было бы круто скачать код и сравнить со своим :С

[@СергійСорочинський-е5к]

Сделайте урок анимации при Routings. Пожалуйста. Русских видео уроков по этой теме я не нашел. Пришлось гуглить статьи и тех на русском почти нет. Так что думаю тема новая для СНГ. Спасибо за труд.

[@WorsaGame]

Вроде лучше render а не component использовать в роутинге

[@Xiverl]

Привет! У меня не все получается. Вылетает ошибка. Вот ее текст: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'

[@iamf4t4l]

Замени Switch на Route

[@Aik-bu1yi]

В мозиле страницы при переходе обновляются целиком, то есть при переходе на другую страницу исчезает и снова появляется header такого быть не должно .... что делать ?

[@Сергійбаранчук-ю7и]

Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.

[@guitarhub7860]

Делаю всё как на видео, но ошибка выводится "Failed to compile ./src/Components/Header.js Module not found: Can't resolve '../Pages/Contacts' in 'C:\Users\konkatenazia\Desktop\buysadovoe.ru\src\Components'", что можно сделать. Проверил по 100 раз код, всё идентично.

[@kolobmobile]

импортировать не забывайте. У него как и у меня большенство автоматом импортируется когда прописывает, по этому он об этом не считает нужным говорить. Вообще много упускает, ничего не объясняет что и зачем делает. Да и на коменты так же отвечает, на "отвали", приходится додумывать. Видео близко не для новичков

[@softik_217]

Как работает класс 'active' для навлинка в реакте? В видео забыли добавить так мб в комментариях обясните пжлст

[@mrxdmitriy]

Почему роутинг из компоненты хедера ? почему не с app js после компонента хедер ?

[@Сергійбаранчук-ю7и]

Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.

[@Oly20116]

Здравствуйте! А подскажите, страницу отображает без ошибок, но как у вас в конце на странице не показывает HOME итд. Что не так сделала?

[@SuprunAlexey]

Не понимаю проблему, пересмотрите код у меня и у вас, может блок не добавили. Я уже не помню где там home

[@boburbaxrombekov8604]

У меня линк не работает

[@pronk5928]

Посоветуйте ресурсы для изучения реакта, очень нужно хорошо в нем разобраться до лета. Буду признателен за помощь.

[@jsx-tsx]

Содержимое страниц не показывало, переписал на функциональный компонент. меняем на , component={Home} на element={}. Только когда все сделал заработало.

[@ВикторБогатырев-о3и]

Поменял, ошибка со Switch связанная исчезла, но Navbar не отображается, почему так?

[@Nolik-ve6oy]

@@ВикторБогатырев-о3и понял в чем проблема?

[@NewWorld_and_Me]

Спасибо большое. Пили дальше видио, очень интересно. Когда следующее видео?

[@amberasena192]

Здравствуйте. Когда импортируем в header.js почему после import Home from ставится 2 точки а не одна, или это зависет от кодового редактора, у меня соблайн текст?

[@SuprunAlexey]

Это зависит от расположения компонента в папке. Если две точки то мы выходим из папки что бы зайти в другую

[@elvinalishov2176]

Dobriy vecher spasibo za urok u menya stranici Home Blog About ya vnix napisal nazvanie stranic no ix nevidno propodayut pod navbarom v navbare ya napisal fixed top

[@SuprunAlexey]

Сделайте шрифт по больше или отступ сверху размером навбара

[@petrplotnikov4307]

отлично, все понятно, ищу видео где обясняется как с фронта делать запросы в базу и выводить ответ

[@monolit-8346]

Посмотри redux

[@АлексейМелентьев-ч3в]

а поч не jsx?

[@glebzh5328]

еее, когда некст?

[@warface-nik4410]

у меня такой вопрос, вот в компаниях или в реальных проектах процесс разработки ведется примерно также? То есть, если есть к примеру реальный заказ можно ли можно ли по этому курсу сделать реальный проект или это что наподобие "Hello world!"??

[@SuprunAlexey]

Можно

[@warface-nik4410]

@@SuprunAlexey спасибо большое)

[@ГеоргийЧерный-ь1з]

При написании в точности как на видео у меня есть пару моментов, которые я не могу найти ошибки в кодах. При переключении с страниц Home Blog Contacts About , сайт перегружается от сервера ( то есть видно что переходит на другую страницу) , как исправить? вроде верно устанавливал библиотеки, на втором уроке пересматривал внимательно и все равно не то. Соответственно при переключении страницы - видно как ссылка переключается, но текст не выводится... Как исправить ошибку? на этом видео в точности написал код и все равно проблема

[@SuprunAlexey]

Загрузи куда то код или скинь скрин

[@ГеоргийЧерный-ь1з]

@@SuprunAlexey github.com/Joraborajora/Weather.git

[@BohdanStelmakh-u9y]

@@ГеоргийЧерный-ь1з потому там не верно написан код

[@МаксимБезкровний-и3х]

Сними продолжение)

[@prare1127]

Почему-то пишет что "Switch" не импортировалось с 'react-router-dom' и из-за этого весь сайт не работает

[@SuprunAlexey]

А все сделали по примеру?

[@prare1127]

@@SuprunAlexey Да

[@Oly20116]

@@prare1127 а вы нашли ошибку?

[@prare1127]

@@Oly20116 Да, оказывается что в новых версиях React Switch меняется на Routes

[@alexwhite6546]

Подскажи, пожалуйста, как сделать чтобы модальное окно закрывалось через пять секунд после нажатия на кнопку?

[@iksoldragon4374]

что-то вроде closeButton.onclick = (event) => { setTimeout(destroyOrHideModalFunction(), 5000) } function destroyOrHideModalFunction() { yourModalWindow.parentNode.removeChild(yourModalWindow) // или yourModalWindow.remove() //не работает в IE // или yourModalWindow.style.display = 'none' // не удаляет, а просто скрывает }

[@alexwhite6546]

@@iksoldragon4374 спасибо. А этот способ будет работать с бутстрап?

[@iksoldragon4374]

@@alexwhite6546 в целом да, но последний бы я, может быть, не использовал так как он меняет css элемента. И если понадобится открыть окно путём отмены скрытия, то желательно знать какой стиль использовался внутри бутсрапа. А внутренние детали библиотек, имхо, лучше менять в специфических случаях.

[@segam]

Ругается на конструкцию .....

[@pavelkuzin7431]

hi решили проблему?

[@segam]

@@pavelkuzin7431 да. Использовал несокращенную запись -fragment

[@БондаренкоВалентин-н6в]

А что это за язык

[@SuprunAlexey]

JavaScript

[@elisawetabelkowa3205]

И ничего. просто белая страница.

[@iamf4t4l]

Тоже самое

[@elisawetabelkowa3205]

@@iamf4t4l короче там поменялся чутка синтаксис.

[@elisawetabelkowa3205]

@@iamf4t4l import React, { Component } from 'react'; import { Button, FormControl, Nav, Navbar, Container, Form, NavLink, NavbarBrand } from 'react-bootstrap'; // import Navbar.Collapse from 'react-bootstrap/esm/NavbarCollapse'; // import Navbar.Toggle from 'react-bootstrap/esm/NavbarToggle'; import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'; import Cataas from '../Pages/Cataas'; import Explore from '../Pages/Explore'; import Your from '../Pages/Your'; import About from '../Pages/About'; import Catbutton from '../Pages/Сatbutton'; export default class Header extends Component { render() { return ( Cataas Explore Your Cat About cats Cat button ) } } вот тебе пример кода с моего проекта.

[@iamf4t4l]

@@elisawetabelkowa3205 thanks! У меня своеобразный баг , я уже исправил!

[@ВикторБогатырев-о3и]

@@elisawetabelkowa3205 Все сделал также, ошибки исчезли, а Navbar так и не показывает, просто белый экран...

[@elvinalishov2176]

vi napisali i sterli fixed? pochemi?

[@SuprunAlexey]

Потому что навбар тогда закрывает текст

[@МаксимБезкровний-и3х]

@@SuprunAlexey ,а я то думал почему у меня текст не выводится)

[@Mirka0307]

@@SuprunAlexey блин, а сказать об этом в видео нельзя? Все думают почему же у них текст не отображается и ломают голову.

[@igorkroshkin9354]

одно и то же в десятый раз, отписался :(

[@SuprunAlexey]

В смысле одно и то же??? React js практика вообще первый раз на канале

[@костямурзиди-ш1ъ]

fixed-top для хедера я не применяю

[@zhen1asemen1uk]

Чому в мене не працює NavLink ? Адреса міняється, а вміст ні, поткібно вручну перезавантажити, тоді і нформація змінюється, а так нічого... При цьому активні кнопки змінюються також, а вміст сам не хоче((((