Менее известные методы жизненного цикла React
(примечание: это произведение сатиры. Пожалуйста, не пытайтесь использовать какие-либо методы, описанные здесь)
Если вы какое-то время работали с React, вы, вероятно, знакомы с методами жизненного цикла и с тем, как их использовать. Они играют критически важную роль в управлении состоянием и поведении классов в приложении. Начиная с версии React 16.3.0, некоторые из методов жизненного цикла были помечены как небезопасные и были объявлены устаревшими, начиная с версии 17. Это может создать проблемы для вашей кодовой базы, но не бойтесь! Я здесь, чтобы поделиться некоторыми методами жизненного цикла, с которыми вы, возможно, не знакомы, и советами о том, как их лучше всего использовать.
componentWillLikelyRegretThis(badIdea)
: аналогично componentDidCatch
, но срабатывает перед обнаружением исключения.
componentShouldTakeANap(duration)
: псевдоним для setTimeout
.
componentDidLeaveTheGasOn()
: немедленно прерывает текущий стек вызовов, чтобы проверить значение isGasOn
, перед возвратом в стек вызовов, но со слегка ухудшенной производительностью. Иногда загорается посреди ночи, казалось бы, без причины.
componentNeedsRentMoney(value [, interval])
: используется для передачи значения валюты от родительского компонента к его дочернему. Необязательный аргумент interval
может использоваться для указания частоты выполнения. По умолчанию срабатывает ежемесячно.
componentWasntCryingYOUWereCrying(ref)
: обновить текущее focus
состояние текущего компонента на другой компонент с помощью атрибутаref
этого компонента.
componentShouldReevaluateItsLifeChoices(choices)
: приостановить выполнение, чтобы подвести итоги решений, которые привели component
к тому, чтобы оказаться в этом месте и на этот раз.
doThesePantsMakeComponentLookFat(pants)
: интересно, что этот метод предшествовал React и был широко признан «небезопасным» методом, но его использование остается довольно распространенным. Если это невозможно, убедитесь, что этот метод возвращает значение «ложь», а не фактическое false
логическое значение. Это сбивает с толку, но ты разберешься. Или, может быть, нет. Тяжело сказать. Примечание: аргумент pants
фактически не используется в определении функции из-за его нерелевантности для возвращаемого значения.
Вот так! Теперь вы готовы максимально использовать свои компоненты React. Если у вас есть пример использования, пожалуйста, поделитесь в комментариях. В противном случае следите за обновлениями следующего выпуска «29 неожиданных применений ловушек React в домашних условиях».