При работе с фреймворками или библиотеками MVC обычно приходится сталкиваться с чем-то, что называется перехватчиками жизненного цикла. И тогда можно спросить себя: «Что они?»
Допустим, мы используем библиотеку MVC под названием React. React предоставляет методы, которые вызываются автоматически в каждый момент жизненного цикла, эти методы также известны как «хуки». Они дают вам хороший контроль над тем, что происходит в момент вызова.
Теперь поговорим о жизненном цикле компонентов. У каждого компонента есть несколько "методов жизненного цикла методов", которые можно переопределить для запуска кода в определенное время в процессе.
Вот список некоторых часто используемых методов жизненного цикла в React:
- конструктор()
- оказывать()
- компонентDidMount()
Теперь давайте посмотрим на пример кода с использованием React.
Здесь мы видим, что у нас есть подкласс «App» от React.Component. У нас также есть некоторые функции внутри класса: конструктор (который всегда должен быть в любом классе), changeName (это функция, которую я создал для целей этого примера), и рендеринг (функция, которая должна быть в каждом состоянии компонента React).
Мы видим, что в функции constructor мы устанавливаем для state «isUser» значение true, а в функции changeName мы изменяем (или устанавливаем )это состояние на противоположное логическое значение, которое оно имеет в настоящее время (поэтому, если оно ложно, мы меняем его на истинное и наоборот).
В функции рендеринга мы видим, что она на самом деле отображает html компонента приложения, и в зависимости от текущего strong> состояние isUser, отображаемое сообщение изменится. В html также есть кнопка, которая меняет состояние при нажатии.
Теперь почему бы нам не поговорить об обновлении.
Обновление может быть вызвано изменением props (объекта, который передается в функцию компонента) или состояния.
Некоторые методы, относящиеся к обновлению в React:
- долженОбновитьКомпонент()
- render() ← мы использовали это!
- компонентDidUpdate()
Спасибо за чтение!
