Для тех кто смотрит в 2022) Команда Switch для routre dom v6 изменилась на Routes Component/render на element Проверка теперь не по component = {Home} , а element = {}
Парни подскажите плиз, сделал через Routes^ у меня ошибка ушла со Switch связанная, но и пропала Navbar Ни на одной странице не отображается, что делать?
Изменения в коде на 2023 это: Команда Switch для routre dom v6 изменилась на Routes Component/render на element Проверка теперь не по component = {Home} , а element = {}
Второе изменение : У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо
У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо. Видимо что-то внутри библиотек поменялось. Ох уж этот фронтенд)))
Все обходил стороной React думал сложно, сам на php laravel делаю сайты, сейчас перехожу на JS изучаю React, с твоими видео уроками очень легко понять как и что делать, и получил более плавный и легкий переход, спасибо за видео, за 3 часа переписал весь сайт с php bootstrap laravel в React!
Почему ты ничего не рассказал про возможность передачи props в компонент внутри Route, про Redirect, и то что при нажатии на ссылку страница перезагружается, потому что не вставил Link, зачем выпускать видос в 2020, ничего про базовые возможности не сказав? При этом еще все хавают это. Смотрел раньше твои уроки когда учился, этот видос что-то расстроил.
один проект делал точь в точь месяц назад работает начал новый по этому же видео точь в точь и неработает {Attempted import error: 'Switch' is not exported from 'react-router-dom'.}
@@yuliyabrueva Приблема в версиях. В "react-router-dom" v6, "Switch" заменили на "Routes". Что бы в примере из видео все заработало нужно изменить: 1. import { ..., Switch, ... } from "react-router-dom"; На import { ..., Routes, ... } from "react-router-dom"; 2.
Добрый день! Я сделала все по видео, но в итоге, текст, указанный в компонентах папки Pages не выводится. В консоли ошибок нет. Вce устанавливала, все пути прописала... Что это может быть?
Здравствуйте, у меня такая проблема по этому видео я все написал как у вас но у меня не выходит сообщение в страница типо в Контакты, About. Все проверил все четко написанно не подскажите почему не показывает
Подскажите, что за ошибка - Failed to compile ./src/App.js Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.min.css' in 'E:\Programing eact_site\src'
Приветствую, подскажи пожалуйста может уже и время прошло нотвои видео актуальны, у меня вопрос по поводу 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()}. как можно это исправить. из-за этого форма и кнопка не встают в одну линию и не заполняют во флексе весь блок
Ребята, просто откройте документацию, там все тоже самое написано, и даже больше, и понятней. Семиминутное видео с содержанием "просто повторите за мной" - это НЕ урок, а инструкция.
*Получилось* - спс: 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 (
У меня не выводятся на экран слова Home, About, Contacts,Blog.Navbar fixed=“top” убран. В поисковой строке видно, что страницы переключаются. Попробовал увеличить сам текст страницы,но ничего не меняется.Что можно еще попробовать?
@@SuprunAlexey не помогает , очень странно вообщем, ощущение что страницы переключаются на стороне "сервера"(если так можно назвать)но не отображаются на экране
@@SuprunAlexey "react-router-dom": "^5.1.2"(посмотрел в файле package.json ,как я понимаю в этом файле отображается что подключено).Я заметил при переходе по страницам , что путь к ним не напрямую чтоли(localhost:3000/about/contacts/blog/contacts/) каждый раз как я нажимаю на раздел он запоминается, на home работает нормально ( в плане пути в поисковой строке, но текст на самой странице так же не выводится)
@@SuprunAlexey таже сама ситуация , Link не работает . при периключении между страницами сам раутинг работает но контент страницы ( home,about, contacts, blog) не отоброжается . раутинг и раутинг дом инсталирован
Вот что делать новичку в реакт, когда у него что-то не получилось??? У меня не происходит переключение между страницами, либо содержимое не отображается, не могу понять(
У меня не выводятся на экран слова Home, About, Contacts & Blog. При этом в поисковой строке видно, что сами страницы переключаются. Где искать ошибку?
@@SuprunAlexey да . спасибо я на этом оказывается тоже попался. текст спрятался за шапкой навигации и его не видно было, два часа проковырял пока не начел другой контент пробовать на страницы вводить и потом увидел что отоброжает но текст спрятался )) . спасибо еще раз уроки , жду продолжение проекта !
Сделайте урок анимации при Routings. Пожалуйста. Русских видео уроков по этой теме я не нашел. Пришлось гуглить статьи и тех на русском почти нет. Так что думаю тема новая для СНГ. Спасибо за труд.
у меня вот этот код сработал, взял из коментов и немного модифицировал 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 (
Здравствуйте. Когда импортируем в header.js почему после import Home from ставится 2 точки а не одна, или это зависет от кодового редактора, у меня соблайн текст?
у меня такой вопрос, вот в компаниях или в реальных проектах процесс разработки ведется примерно также? То есть, если есть к примеру реальный заказ можно ли можно ли по этому курсу сделать реальный проект или это что наподобие "Hello world!"??
Есть одна проблема, сам с ней сталкивался. А именно, перезагрузка страницы. Страница не должна перезагружаться. То есть должна происходить подмена url. Хотя, в данной ситуации может так и можно ;-;
При написании в точности как на видео у меня есть пару моментов, которые я не могу найти ошибки в кодах. При переключении с страниц Home Blog Contacts About , сайт перегружается от сервера ( то есть видно что переходит на другую страницу) , как исправить? вроде верно устанавливал библиотеки, на втором уроке пересматривал внимательно и все равно не то. Соответственно при переключении страницы - видно как ссылка переключается, но текст не выводится... Как исправить ошибку? на этом видео в точности написал код и все равно проблема
В мозиле страницы при переходе обновляются целиком, то есть при переходе на другую страницу исчезает и снова появляется header такого быть не должно .... что делать ?
Делаю всё как на видео, но ошибка выводится "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 раз код, всё идентично.
импортировать не забывайте. У него как и у меня большенство автоматом импортируется когда прописывает, по этому он об этом не считает нужным говорить. Вообще много упускает, ничего не объясняет что и зачем делает. Да и на коменты так же отвечает, на "отвали", приходится додумывать. Видео близко не для новичков
что-то вроде closeButton.onclick = (event) => { setTimeout(destroyOrHideModalFunction(), 5000) } function destroyOrHideModalFunction() { yourModalWindow.parentNode.removeChild(yourModalWindow) // или yourModalWindow.remove() //не работает в IE // или yourModalWindow.style.display = 'none' // не удаляет, а просто скрывает }
@@alexwhite6546 в целом да, но последний бы я, может быть, не использовал так как он меняет css элемента. И если понадобится открыть окно путём отмены скрытия, то желательно знать какой стиль использовался внутри бутсрапа. А внутренние детали библиотек, имхо, лучше менять в специфических случаях.
Содержимое страниц не показывало, переписал на функциональный компонент. меняем на , component={Home} на element={}. Только когда все сделал заработало.
Видео про Роутинг сайта , но у тебя он не работает. Если люди понимают о чём идёт речь, то они заметят что страницы у тебя рендеряться! Но так не должно быть, ты его просто для прикола добавил?
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
@@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 (
Для тех кто смотрит в 2022)
Команда Switch для routre dom v6 изменилась на Routes
Component/render на element
Проверка теперь не по component = {Home} , а element = {}
Спасибо, долго думал что я не то написал )
Брат спасибо я уже час сижу с тим Свичом
Спасибо, долго думал, что это я тупой хлебушек с:
от души
Парни подскажите плиз, сделал через Routes^ у меня ошибка ушла со Switch связанная, но и пропала Navbar Ни на одной странице не отображается, что делать?
Друзья, кто захочет повторить этот урок в 2023 и более году учитывайте следующее - не работает - меняем на . Такая инструкция тоже меняем на
Сапасибо большое очень помог
Изменения в коде на 2023 это:
Команда Switch для routre dom v6 изменилась на Routes
Component/render на element
Проверка теперь не по component = {Home} , а element = {}
Второе изменение : У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо
Человек ты просто гений в плане второго изменения!!!!!!
Спасибо большое
ага, зато шапка теперь не прилеплена, так себе совет
У кого не видно страниц, вместо fixed="top" сделать sticky="top", тогда все будет работать как надо. Видимо что-то внутри библиотек поменялось. Ох уж этот фронтенд)))
Спасибо.
Чтоб я без тебя делал)
привет, я поменял, но всеравно не видно страниц (home, contacts, blog, about). не подскажешь что делать?
++
помог !
Все обходил стороной React думал сложно, сам на php laravel делаю сайты, сейчас перехожу на JS изучаю React, с твоими видео уроками очень легко понять как и что делать, и получил более плавный и легкий переход, спасибо за видео, за 3 часа переписал весь сайт с php bootstrap laravel в React!
Алексей красавчик! выпустил 2 видео за день
Леха, твои видео по react- лучшие видео на ютубе, с нетерпением жду новых выпусков!
С прошлого видео внезапно пропал параметр `fixed="top"`,
а с ним текста страницы не видно.
Отступ для текста надо сделать и все)
Спасибо, это крайне важно. Похоже все тупо смотрят и сами не повторяют это локально. Я не усмотрел этот момент
@@SuprunAlexey Об этом стоило сказать в видео
Полностью с тобой согласен. Вчера час потратил, несколько раз переписывал код. В итоге текста не было видно. Спасибо за комментарий :)
@@SuprunAlexey Подскажите, пожалуйста, у меня этого параметра нет, а текста все равно не видно. Как сделать отступ? Ну или где может быть ошибка?
Почему ты ничего не рассказал про возможность передачи props в компонент внутри Route, про Redirect, и то что при нажатии на ссылку страница перезагружается, потому что не вставил Link, зачем выпускать видос в 2020, ничего про базовые возможности не сказав? При этом еще все хавают это. Смотрел раньше твои уроки когда учился, этот видос что-то расстроил.
+ я оболдел когда страницы начали перезагружаться целиком. как вставить линк ?
@@Aik-bu1yi component
@@Aik-bu1yi Home
заменить на , component = { } на element = {< />} и будет работать. (Актуально, для версии react-routed-dom V6)
Что то поменялось?
Я всё поменял, всё ещё не работает
@@iChepikov всё работает
На самойстранице перехода что менять?
На 4:51 ты прописал rcc и страница компонента заполнилась. У меня такого нет. Вопрос - как сделать так, что бы можно было сделать как ты?
Поищи дополнения на свой редактор. "React снипеты/дополнения на редактор кода"
React под звуки дождя) Прямо слушать на ночь)
Хотел записать в тот день, потому что сейчас времени нет, и был как на зло дождь, но подумал лучше сделать чем оставить на потом)
Ошибка с методом Switch.
Attempted import error: 'Switch' is not exported from 'react-router-dom'.
та же проблема что то понять не могу , пни если узнаешь
один проект делал точь в точь месяц назад работает начал новый по этому же видео точь в точь и неработает {Attempted import error: 'Switch' is not exported from 'react-router-dom'.}
Либо установите версию 5.2.0, вместо 6/ либо измените Switch на Routes
так нашли в чем проблема?
@@yuliyabrueva
Приблема в версиях. В "react-router-dom" v6, "Switch" заменили на "Routes".
Что бы в примере из видео все заработало нужно изменить:
1. import { ..., Switch, ... } from "react-router-dom";
На
import { ..., Routes, ... } from "react-router-dom";
2.
На это:
Добрый день! Я сделала все по видео, но в итоге, текст, указанный в компонентах папки Pages не выводится. В консоли ошибок нет. Вce устанавливала, все пути прописала... Что это может быть?
Все. Разобралась, оказалось элементарно - нужно убрать в Navbar атрибут fixed
Вот и славно😇
@@Galina-om3jw У меня тож такая проблема было СП за Решение Проблемы
Друзья, а что делать с Link? Мы его импортируем, но нигде не используем ведь! Или я что-то упустил?
Здравствуйте, у меня такая проблема по этому видео я все написал как у вас но у меня не выходит сообщение в страница типо в Контакты, About. Все проверил все четко написанно не подскажите почему не показывает
отступ сделай от шапки, или глянь выше комменты там есть решение
Подскажите, что за ошибка - Failed to compile
./src/App.js
Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.min.css' in 'E:\Programing
eact_site\src'
Привет, переустанови Bootstrap. Вот это в командную строку введи npm install react-bootstrap@next bootstrap@5.1.0. Успехов.
Приветствую, подскажи пожалуйста может уже и время прошло нотвои видео актуальны, у меня вопрос по поводу 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()}.
как можно это исправить. из-за этого форма и кнопка не встают в одну линию и не заполняют во флексе весь блок
Ребята, просто откройте документацию, там все тоже самое написано, и даже больше, и понятней. Семиминутное видео с содержанием "просто повторите за мной" - это НЕ урок, а инструкция.
Чтоб не перегружать страницы поменять
Home
на
Home
итд
+ обернуть ... в
Пытался исправить и почему то не получается...
*Получилось* - спс:
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
)
}
}
@@ИванСтепанов-л2ц Спасибо тебе, добрый человек!
@@ИванСтепанов-л2ц Огромное спасибо!
У меня не выводятся на экран слова Home, About, Contacts,Blog.Navbar fixed=“top” убран. В поисковой строке видно, что страницы переключаются. Попробовал увеличить сам текст страницы,но ничего не меняется.Что можно еще попробовать?
Поменяйте на h1 что б текст больше был
@@SuprunAlexey не помогает , очень странно вообщем, ощущение что страницы переключаются на стороне "сервера"(если так можно назвать)но не отображаются на экране
Import проверьте, npm install react router dom делали? Link проверьте, Router, Switch, страницы
@@SuprunAlexey "react-router-dom": "^5.1.2"(посмотрел в файле package.json ,как я понимаю в этом файле отображается что подключено).Я заметил при переходе по страницам , что путь к ним не напрямую чтоли(localhost:3000/about/contacts/blog/contacts/) каждый раз как я нажимаю на раздел он запоминается, на home работает нормально ( в плане пути в поисковой строке, но текст на самой странице так же не выводится)
@@SuprunAlexey таже сама ситуация , Link не работает . при периключении между страницами сам раутинг работает но контент страницы ( home,about, contacts, blog) не отоброжается . раутинг и раутинг дом инсталирован
Переход со страницы на страницу работает, но содержимое страницы не отображается.
почему при переходе у тебя обновляется страница? Разве роутинг не позволяет делать переход по страницам без обновления?
Всё очень круто!
Такой вопрос, какие плагины ты используешь в vs-code?
ruclips.net/video/R1tRDrTYoGA/видео.html
Круто, давай продолжение!
Вот что делать новичку в реакт, когда у него что-то не получилось??? У меня не происходит переключение между страницами, либо содержимое не отображается, не могу понять(
Спасибо большое. Пили дальше видио, очень интересно. Когда следующее видео?
"export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'"
Замените Switch на Routes
все спасибо брат уже час сижу с этим Свичом
Привет , такой вопрос если в вношу fixed="top" у меня не видно слово на странице Home , так как оно получается под шапкой , как исправить ?
Добавить отступ сверху для слова на странице Home
@@SuprunAlexey А как отступ добавить 😅 или где можно посмотреть как это делается ? Всё, разобрался Contacts
@@simplechannel693 Под Navbar добавь несколько
А какая разница между этим и простой html+css страницами?
В том что в react js можем реализовать логику приложения
Web Developer Blog ну то есть это позже заметно будет?
А сейчас не заметно разбиение на компоненты и маршрутизация?
Web Developer Blog я не замечаю разницы при переходе на другую страницу
Чисто визуально разницы сейчас не будет)
ничего не могу понять почему у меня не отображаются страницы?? Никакой ошибки нет
ъ
Страницы отображаются но их не видно за хедером. Нужно у Navbar убрать параметр fixed-'top'. Ну или сделать отступ сверху для страниц
@@poval7579 еще можно вместо fixed="top" сделать sticky="top", тогда все будет работать как надо :)
@@redeyes256 Не знал, спасибо)
@@redeyes256 Огромное спасибо, очень помогло!
a koqda ubral fixed top tekst poyavilsya posle navbara
У меня не выводятся на экран слова Home, About, Contacts & Blog. При этом в поисковой строке видно, что сами страницы переключаются. Где искать ошибку?
Navbar fixed=“top”?
@@SuprunAlexey Точно! Спасибо ))))
Web Developer Blog а как сделать их одновременно, чтобы и navbar отображался, и текст?
@@d1z3ro можно задать дивам на страницах класс какой нибудь и маргином сверху сделать отступы например.
@@SuprunAlexey да . спасибо я на этом оказывается тоже попался. текст спрятался за шапкой навигации и его не видно было, два часа проковырял пока не начел другой контент пробовать на страницы вводить и потом увидел что отоброжает но текст спрятался )) . спасибо еще раз уроки , жду продолжение проекта !
здрасте, а как можно сделать переключение страниц без перезагрузки? разве не в том смысл Router-а? если писать просто то дизайн Bootstrap-a падает.
Імпортуйте NavLink не в react-router-dom, a в react-bootstrap.
Сделайте урок анимации при Routings. Пожалуйста. Русских видео уроков по этой теме я не нашел. Пришлось гуглить статьи и тех на русском почти нет. Так что думаю тема новая для СНГ. Спасибо за труд.
у меня вот этот код сработал, взял из коментов и немного модифицировал
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
)
}
}
Спасибо! Это сработало! Плюсую!
огонь спасибо!
Спасибо за информацию
Здравствуйте! А подскажите, страницу отображает без ошибок, но как у вас в конце на странице не показывает HOME итд. Что не так сделала?
Не понимаю проблему, пересмотрите код у меня и у вас, может блок не добавили. Я уже не помню где там home
Привет! У меня не все получается. Вылетает ошибка. Вот ее текст: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Замени Switch на Route
у кого не появляются слова, просто уберите fixed="top" у Navbar
Надо просто заменить fixed="top" на sticky="top"
Здравствуйте. Когда импортируем в header.js почему после import Home from ставится 2 точки а не одна, или это зависет от кодового редактора, у меня соблайн текст?
Это зависит от расположения компонента в папке. Если две точки то мы выходим из папки что бы зайти в другую
Привет , как сделать подроутинг?
у меня такой вопрос, вот в компаниях или в реальных проектах процесс разработки ведется примерно также? То есть, если есть к примеру реальный заказ можно ли можно ли по этому курсу сделать реальный проект или это что наподобие "Hello world!"??
Можно
@@SuprunAlexey спасибо большое)
Подскажите , а как сделать переход по страницам без перезагрузки
Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.
Нет не переходил, посмотрю.
Посмотрел... Не понял, пока
А к чему seo, и магазины???
Почему то у меня нет ошибка но и не перекулчается
Есть одна проблема, сам с ней сталкивался. А именно, перезагрузка страницы. Страница не должна перезагружаться. То есть должна происходить подмена url. Хотя, в данной ситуации может так и можно ;-;
При написании в точности как на видео у меня есть пару моментов, которые я не могу найти ошибки в кодах.
При переключении с страниц Home Blog Contacts About , сайт перегружается от сервера ( то есть видно что переходит на другую страницу) , как исправить? вроде верно устанавливал библиотеки, на втором уроке пересматривал внимательно и все равно не то.
Соответственно при переключении страницы - видно как ссылка переключается, но текст не выводится... Как исправить ошибку? на этом видео в точности написал код и все равно проблема
Загрузи куда то код или скинь скрин
@@SuprunAlexey github.com/Joraborajora/Weather.git
@@ГеоргийЧерный-ь1з потому там не верно написан код
Как работает класс 'active' для навлинка в реакте? В видео забыли добавить так мб в комментариях обясните пжлст
В мозиле страницы при переходе обновляются целиком, то есть при переходе на другую страницу исчезает и снова появляется header такого быть не должно .... что делать ?
Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.
По больше таких видео
А на сколько Это профессионально , так писать код
Кто знает как настроить отображение меню на всю ширину экрана в десктоп режиме?
Почему роутинг из компоненты хедера ? почему не с app js после компонента хедер ?
Привет,а ты переходыл на opencartmasters.com/ просто что-то обсуждали по поводу твоего вопроса.
Когда новый урок?)
Swicth не компилируется , всё сделал правильно подскажите(
Чел выше написал,
"Да, оказывается что в новых версиях React Switch меняется на Routes"
Вместо Switch пропиши Routes мне помогло
@@BestMusicTheAppolo спасибо)
Делаю всё как на видео, но ошибка выводится "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 раз код, всё идентично.
импортировать не забывайте. У него как и у меня большенство автоматом импортируется когда прописывает, по этому он об этом не считает нужным говорить.
Вообще много упускает, ничего не объясняет что и зачем делает. Да и на коменты так же отвечает, на "отвали", приходится додумывать.
Видео близко не для новичков
Посоветуйте ресурсы для изучения реакта, очень нужно хорошо в нем разобраться до лета. Буду признателен за помощь.
Подскажи, пожалуйста, как сделать чтобы модальное окно закрывалось через пять секунд после нажатия на кнопку?
что-то вроде
closeButton.onclick = (event) => {
setTimeout(destroyOrHideModalFunction(), 5000)
}
function destroyOrHideModalFunction() {
yourModalWindow.parentNode.removeChild(yourModalWindow)
// или
yourModalWindow.remove() //не работает в IE
// или
yourModalWindow.style.display = 'none' // не удаляет, а просто скрывает
}
@@iksoldragon4374 спасибо. А этот способ будет работать с бутстрап?
@@alexwhite6546 в целом да, но последний бы я, может быть, не использовал так как он меняет css элемента. И если понадобится открыть окно путём отмены скрытия, то желательно знать какой стиль использовался внутри бутсрапа. А внутренние детали библиотек, имхо, лучше менять в специфических случаях.
Вместо классовых компонентов лучше использовать функциональные, с ними удобнее в дальнейшем работать
отлично, все понятно, ищу видео где обясняется как с фронта делать запросы в базу и выводить ответ
Посмотри redux
Почему-то пишет что "Switch" не импортировалось с 'react-router-dom' и из-за этого весь сайт не работает
А все сделали по примеру?
@@SuprunAlexey Да
@@prare1127 а вы нашли ошибку?
@@Oly20116 Да, оказывается что в новых версиях React Switch меняется на Routes
У кого возникает ошибка с Switch, установите npm install react-router-dom@5 , и всё сразу ошибка исчезнет!
Спасибо спасатель
Спасибо
Содержимое страниц не показывало, переписал на функциональный компонент.
меняем на , component={Home} на element={}.
Только когда все сделал заработало.
Поменял, ошибка со Switch связанная исчезла, но Navbar не отображается, почему так?
@@ВикторБогатырев-о3и понял в чем проблема?
брат а где продолжение ?
Страница то все равно перезагружается, наверное, потому что в Link вместо to прописан href
vi napisali i sterli fixed? pochemi?
Потому что навбар тогда закрывает текст
@@SuprunAlexey ,а я то думал почему у меня текст не выводится)
@@SuprunAlexey блин, а сказать об этом в видео нельзя? Все думают почему же у них текст не отображается и ломают голову.
Видео про Роутинг сайта , но у тебя он не работает. Если люди понимают о чём идёт речь, то они заметят что страницы у тебя рендеряться! Но так не должно быть, ты его просто для прикола добавил?
Было бы круто скачать код и сравнить со своим :С
Чётенько
У меня не получилось(. Но все сделал провильно
Routes instead of "Switch"
У меня линк не работает
а поч не jsx?
Сними продолжение)
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
Сделайте шрифт по больше или отступ сверху размером навбара
Вроде лучше render а не component использовать в роутинге
каждый раз как слышу подпишитесь лайк поставьте машинально ставлю диз и ведь ничего с собой поделать не могу, так это бесит.
еее, когда некст?
Про маршрутизацию без перезагрузки страниц рассказано в этом ролике:
ruclips.net/video/JMw0omX4QNQ/видео.html
return (
.
.
.
);
}
}
Ругается на конструкцию .....
hi решили проблему?
@@pavelkuzin7431 да. Использовал несокращенную запись -fragment
А что это за язык
JavaScript
И ничего. просто белая страница.
Тоже самое
@@iamf4t4l короче там поменялся чутка синтаксис.
@@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
)
}
}
вот тебе пример кода с моего проекта.
@@elisawetabelkowa3205 thanks! У меня своеобразный баг , я уже исправил!
@@elisawetabelkowa3205 Все сделал также, ошибки исчезли, а Navbar так и не показывает, просто белый экран...
одно и то же в десятый раз, отписался :(
В смысле одно и то же??? React js практика вообще первый раз на канале
fixed-top для хедера я не применяю