Встречается на собеседованиях • сегодня

Что возвращает кастомный хук

Кастомный хук возвращает массив значений, аналогично встроенным хукам React. Обычно это:

  1. Первый элемент - состояние (state)
  2. Второй элемент - функция для его обновления
  3. Дополнительные значения (если нужны)

Пример:

jsx
function useCounter(initialValue = 0) {
  const [count, setCount] = useState(initialValue);
  
  const increment = () => setCount(c => c + 1);
  const decrement = () => setCount(c => c - 1);
  const reset = () => setCount(initialValue);

return [count, increment, decrement, reset];
}

// Использование
const [count, inc, dec, reset] = useCounter(5);

text

Можно возвращать и объект для лучшей читаемости:
```jsx
return { count, increment, decrement, reset };

Главное правило - хук должен возвращать значения, которые можно использовать в компоненте.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы