Как написать кастомный хук
Существует два способа написания.
Первый способ — перенести код, который был написан в компоненте, в отдельную функцию. При этом придется внести некоторые изменения в то, что касается передачи параметров и возвращаемых значений.
Второй способ — написать хук с нуля. Для этого нужно выполнить следующие шаги.
1. Определить результат хука.
2. Определить API, подходящий для результата, данные и структуры, хранящие эти данные, или UI, которые будут задействованы для реализации хука.
3. Задать имя, начинающееся с use и использующее имя задействованных API, данных, структур или UI, UI-эффектов.
4. Определить возвращаемые значения и/или функции. Хук также может ничего не возвращать.
5. Определить параметры хука, которые будут использованы в вычислениях в его теле.
6. Написать реализацию хука.
Шаг 6 требует пояснения. При реализации кастомного хука следует использовать имеющиеся в React хуки, или написанные ранее вами же кастомные хуки, либо хуки из других библиотек, предназначенных для работы с React.
Разработка фронтенд-приложений
·
Антон Кузьмин