4.7 KiB
title | localeTitle |
---|---|
Life Cycle Methods Of A Component | Методы жизненного цикла компонента |
Методы жизненного цикла компонента
Когда мы начинаем работать с компонентами, нам нужно выполнить несколько действий для обновления состояния или для выполнения некоторых действий, когда что-то изменится в этом компоненте. В этом случае методы жизненного цикла компонента пригодится! Поэтому давайте погрузиться в них в этой статье.
В широком смысле мы можем разделить методы жизненного цикла на 3 категории.
- монтаж
- обновление
- Размонтирование
Поскольку методы жизненного цикла являются самоочевидными, я просто упомянул имена методов. Пожалуйста, не стесняйтесь внести свой вклад в эту статью, если это необходимо.
Монтаж:
а. constructor()
б. componentWillMount()
с. render()
д. componentDidMount()
Обновление:
а. componentWillRecieveProps()
б. shouldComponentUpdate()
с. componentWillUpdate()
д. render()
е. componentDidUpdate()
размонтирование:
а. componentWillUnmount()
Некоторые интересные факты, чтобы заметить:
constructor
,componentWillMount
,componentDidMount
иcomponentWillUnmount
будут вызываться только один раз в течение жизненного цикла компонента.componentWillUpdate
иcomponentDidUpdate
будет выполняться только тогда и только тогда, когдаshouldComponentUpdate
возвращает true.componentWillUnmount()
будет вызываться непосредственно перед размонтированием любого компонента и, следовательно, может использоваться для освобождения используемой памяти, закрытия любых подключений к БД и т. д.
Многие вещи можно узнать, погрузившись в кодирование. Так что заставляйте свои руки грязно кодировать.
Заметка:
«Предупреждения об устаревании будут включены с будущим выпуском 16.x, но устаревшие жизненные циклы будут продолжать работать до версии 17. » 1
«Даже в версии 17 все равно будет возможно использовать их, но они будут сглажены префиксом« UNSAFE_ », чтобы указать, что они могут вызвать проблемы. Мы также подготовили автоматический сценарий, чтобы переименовать их в существующий код». 1
Другими словами, эти методы жизненного цикла previouse будут по-прежнему доступны как:
UNSAFE_componentWillMount
UNSAFE_componentWillReceiveProps
UNSAFE_componentWillUpdate
Новые методы жизненного цикла
Новые методы жизненного цикла будут введены в Реакт 17
getDerivedStateFromProps
будет более безопасной альтернативойcomponentWillReceiveProps
.getSnapshotBeforeUpdate
будет добавлен для поддержки безопасного чтения свойств из обновлений DOM.
Многие вещи можно узнать, погрузившись в кодирование. Так что заставляйте свои руки грязно кодировать.