Зачем нужны хуки в React?
Все является компонентом в React, и каждый из этих компонентов может иметь состояния.
Внимательно прочитайте следующие пункты –
1. Компоненты React могут использовать объекты состояния (состояние встроено в React). Этот объект состояния содержит информацию о связанном компоненте React.
2. Всякий раз, когда состояние изменяется, связанный с ним компонент перерисовывается.
3. Примечание. Повторный рендеринг полностью отличается от загрузки/перезагрузки страницы. Загрузка означает уничтожение текущих экземпляров DOM и замену всей страницы новым экземпляром DOM.
В то время как в React веб-страница может быть разделена на несколько компонентов. Только компонент, состояние которого изменяется, повторно отображается в DOM. Остальные независимые подкомпоненты веб-страницы остаются без изменений.
Обратите внимание, объекты состояния в React доступны только для чтения. С помощью хуков функциональные компоненты React могут получить доступ к объекту состояния и другим функциям React.
Реагировать на хуки
Имея дело с хуками React, помните о следующих правилах:
1. Хуки следует использовать только внутри функционального компонента React.
2. Он должен быть на верхнем уровне компонента.
3. Хуки не должны вызываться из каких-либо условных операторов.
Я создал шпаргалку React Hook. Ссылка на официальный сайт React и W3School.
Если вы найдете эту статью или шпаргалку полезной, оцените звездочку в моем репозитории github или подпишитесь на меня здесь, на Medium. Это побудит меня создавать подобный контент.
https://github.com/Ankhi12/ReactExercises/blob/main/ReactHookCheatSheet.pdf
Для лучшего чтения (для шпаргалки) — Пожалуйста, увеличьте PDF.
Ваше здоровье!