MENU

Fun & Interesting

60 - React JS - withRouter, props.match.params

IT-KAMASUTRA 80,362 6 years ago
Video Not Working? Fix It Now

🚀Стань квалифицированным разработчиком за 9+ месяцев с трудоустройством в IT —INCUBATOR: Front-end https://it-incubator.io/front-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education Back-end https://it-incubator.io/back-end/?utm_source=youtube&utm_medium=it-k&utm_campaign=education Поддержать меня можно на patreon https://www.patreon.com/itkamasutra или оформив спонсорство на данном канале. Помогайте друг другу вот здесь: https://t.me/reactjs_samurai API: https://social-network.samuraijs.com/ URL-адрес, текущий адрес страницы, это тоже ИСТИНА. До этого у нас истиной был BLL (Redux, state), и UI (React) зависел только от него, а сейчас у нас истиной ещё стал и URL-адрес!!! Чтобы работать с адресом, компоненте нужно получить через props нужные данные. Где их взять в props? С помощью HOC-функции withRouter! Функция withRouter наподобие функции connect создаёт над отданной ей компонентой ещё одну контейнерную, которая добавит в нашу целевую компоненту через пропсы нужные данные. В нашем случае нас интересует props.match.params! Летим!!! Уроки по React JS: https://www.youtube.com/playlist?list=PLcvhF2Wqh7DNVy1OCUpG3i5lyxyBWhGZ8 * Сайты: https://it-kamasutra.com https://it-incubator.eu 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/ #withRouter #match #reactjs #практика #примеры #уроки #курс

Comment