Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

74 - React JS - componentDidUpdate

Автор: IT-KAMASUTRA

Загружено: 2019-07-08

Просмотров: 43043

Описание:

https://it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.

Поддержать меня можно на patreon   / itkamasutra   или оформив спонсорство на данном канале.

Помогайте друг другу вот здесь: https://t.me/reactjs_samurai
API: https://social-network.samuraijs.com/

Компонент монтируется один раз. А потом, когда в нём меняется локальный стейт либо кто-то извне хочет перерисовать компонент и закинуть в него новые пропсы.. То срабатывает метод жизненного цикла componentDidMount

Важный момент: этот метод срабатывает уже после отрисовки, то есть находясь в нём мы имеем актуальные самые свежие this.state и this.props. И для того, чтобы сравнить у нас была возможность, находясь в этом месте проанализировать, а что именно изменилось (пропсы или стейт), React забрасывает в метод componetnDidMount предыдущие props и state.

В данном методе жизненного цикла разрешено вызывать setState, но так как это может привести к зацикленности, делать это нужно аккуратно и всегда внутри правильного условия!

Летим, самураи ;)

Уроки по React JS:    • Курс "React JS - путь самурая 1.0", уроки,...  


Сайты:
https://it-kamasutra.com
https://it-incubator.eu
https://samuraijs.com



Мы в соц. сетях:
https://vk.com/itkamasutra
  / itkamasutra  
https://telegram.me/itkamasutra

Мои личные VK и Insta:
https://vk.com/d.kuzyuberdin
  / it.kamasutra.dimych  

#componentDidUpdate #практика #примеры #уроки #курс

74 - React JS - componentDidUpdate

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#5215 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "yhBYEM3VDTk" ["related_video_title"]=> string(51) "75 - React JS - redux-form введение (login)" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(12) "IT-KAMASUTRA" } [1]=> object(stdClass)#5188 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "l7F9jg1s6dE" ["related_video_title"]=> string(26) "Филип Дик-Няня" ["posted_time"]=> string(23) "6 часов назад" ["channelName"]=> string(42) "Гарри Стил / Аудиокниги" } [2]=> object(stdClass)#5213 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Cu5BRYLXMvY" ["related_video_title"]=> string(105) "ХУДШИЕ кроссовки 2025 🤮 Hoka, Balenciaga, New Balance abzorb 2000, Nike dn air max 1000" ["posted_time"]=> string(24) "10 часов назад" ["channelName"]=> string(27) "токсичная мода" } [3]=> object(stdClass)#5220 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "oWeSh6-Mrvg" ["related_video_title"]=> string(35) "78 - React JS - login и logout api" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(12) "IT-KAMASUTRA" } [4]=> object(stdClass)#5199 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "YEqCI9NMoLI" ["related_video_title"]=> string(58) "87 - shouldComponentUpdate, PureComponent, memo - React JS" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(12) "IT-KAMASUTRA" } [5]=> object(stdClass)#5217 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "1faxVHNBnsU" ["related_video_title"]=> string(17) "73 - React JS - " ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(12) "IT-KAMASUTRA" } [6]=> object(stdClass)#5212 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "OUe8mQM1H0E" ["related_video_title"]=> string(61) "РЕВОЛЮЦИЯ, которую мы НЕ ЗАМЕТИЛИ" ["posted_time"]=> string(19) "4 дня назад" ["channelName"]=> string(20) "Раз два три" } [7]=> object(stdClass)#5222 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "7W4PD4BN3eY" ["related_video_title"]=> string(42) "69 - React JS - High Order Component (hoc)" ["posted_time"]=> string(19) "6 лет назад" ["channelName"]=> string(12) "IT-KAMASUTRA" } [8]=> object(stdClass)#5198 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "G-4VPCQj1UY" ["related_video_title"]=> string(85) "Les MCP vont révolutionner les IA et l'automatisation ! Exemples d'utilisation" ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> string(41) "Devenir Entrepreneur Web - Automatisation" } [9]=> object(stdClass)#5216 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "mThiyFYEQhY" ["related_video_title"]=> string(163) "«Будем жить!» | Хитрая передача на Первом канале о вернувшихся с СВО (English subtitles) @Max_Katz" ["posted_time"]=> string(24) "11 часов назад" ["channelName"]=> string(19) "Максим Кац" } }
75 - React JS - redux-form введение (login)

75 - React JS - redux-form введение (login)

Филип Дик-Няня

Филип Дик-Няня

ХУДШИЕ кроссовки 2025 🤮 Hoka, Balenciaga, New Balance abzorb 2000, Nike dn air max 1000

ХУДШИЕ кроссовки 2025 🤮 Hoka, Balenciaga, New Balance abzorb 2000, Nike dn air max 1000

78 - React JS - login и logout api

78 - React JS - login и logout api

87 - shouldComponentUpdate, PureComponent, memo - React JS

87 - shouldComponentUpdate, PureComponent, memo - React JS

73 - React JS -

73 - React JS -

РЕВОЛЮЦИЯ, которую мы НЕ ЗАМЕТИЛИ

РЕВОЛЮЦИЯ, которую мы НЕ ЗАМЕТИЛИ

69 - React JS - High Order Component (hoc)

69 - React JS - High Order Component (hoc)

Les MCP vont révolutionner les IA et l'automatisation ! Exemples d'utilisation

Les MCP vont révolutionner les IA et l'automatisation ! Exemples d'utilisation

«Будем жить!» | Хитрая передача на Первом канале о вернувшихся с СВО (English subtitles) @Max_Katz

«Будем жить!» | Хитрая передача на Первом канале о вернувшихся с СВО (English subtitles) @Max_Katz

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]