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

Какие знаешь правила хуков

Хуки в React имеют несколько важных правил:

  1. Вызывать хуки только на верхнем уровне — нельзя вызывать их внутри условий, циклов или вложенных функций. Это гарантирует сохранение порядка вызовов между рендерами.
jsx
// ❌ Неправильно
if (condition) {
  const [state, setState] = useState(0);
}

// ✅ Правильно
const [state, setState] = useState(0);
if (condition) {
// ...
}

text

2. **Использовать хуки только в функциональных компонентах** — нельзя вызывать их в классах или обычных функциях (кроме кастомных хуков).

3. **Именование кастомных хуков должно начинаться с `use`** — это позволяет линтеру автоматически проверять правила хуков.

```jsx
function useCustomHook() {
  const [value, setValue] = useState(null);
  return value;
}

Нарушение этих правил может привести к ошибкам, например, к несоответствию состояния между рендерами.

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

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

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

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