В прошлом месяце команда React выпустила новое обновление в React, в котором появилась новая функция хуков, если вы ищете определение хуков, отвечайте на веб-сайт и проверьте Введение в хуки.
Если вы, как и я, не любите слишком много болтать и непосредственно знакомитесь с лучшими практиками использования любых новых функций в технологиях, давайте поговорим, чем.
Я объясню как на javascript, так и на машинописном тексте, возможно, для javascript иногда вам просто нужно удалить типы из файла машинописного текста и обязательно изменить имя расширения файла на .js.
1.useState
useState является альтернативой для this.state в компоненте класса, он возвращает значение и действие, допустим, у нас есть компонент счетчика, который вернет номер счетчика:
Теперь с useState будет так:
С типами:
2. useEffect
Эта функция является альтернативой функции жизненного цикла в классе component, в частности component DidMount и componentDidUpdate.
С типами вы, вероятно, могли бы добавить типы из объявления вашего состояния: const [count, setCount] = useState<number>(0). Тогда, если вы хотите назначить ему другие типы, он вернет false
setCount('count') // return error
Существует термин, в котором вы можете создавать свои собственные пользовательские хуки, что на самом деле является возможностью useState и useEffect вне вашей функции.
Этот термин называется Custom Hooks, вы много о нем услышите в ближайшие дни.
Например:
3.useRef
С типами будет очень удобно ожидать вывода вашего элемента html.
4.useContext
Эта функция используется для Context API, если вы не знаете, что такое Context API, это альтернатива Redux, созданная командой реагирования для решения проблемы состояния и передачи реквизита детям и внукам.
Прежде всего, мы рассмотрим, как использовать Context api в обычном классе Component:
С типами я воспользуюсь другим примером:
5. useReducer
В этом вы можете далеко зайти, используя вместе useContext и useReducer.
Этой статьей также поделились на Coderrview.io. проверьте это для получения дополнительных статей.
Надеюсь, это ясно и полезно.
Мы будем благодарны за хлопки и Поделиться 🙂
