React хуки произвели революцию в том, как мы пишем компоненты, особенно новые хуки из 19 версии для форм. Но помимо встроенных хуков, мы можем создавать собственные, чтобы переиспользовать логику между компонентами. Давайте разберемся, как это делать.
Что такое кастомный хук?
Кастомный хук - это обычная функция, название которой начинается с "use", и которая может вызывать другие хуки. Рассмотрим простой пример
const useBoolean = (initialValue = false) => {
const [value, setValue] = useState(initialValue);
const toggle = (value?: boolean) => setValue((prev) => value ?? !prev);
return [value, toggle];
};
