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

Какие знаешь нюансы в работе React Hooks

React Hooks имеют несколько важных нюансов:

Порядок вызова: Hooks должны вызываться на верхнем уровне компонента, а не внутри условий, циклов или вложенных функций. Это важно для сохранения порядка хуков между рендерами.

jsx

// ❌ Неправильно
if (condition) {
  const [state, setState] = useState();
}

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

text


2. **Зависимости в useEffect**: Если забыть добавить зависимости в массив зависимостей, могут возникнуть проблемы с устаревшими значениями.

3. **useState не мержит объекты**: В отличие от setState в классовых компонентах, useState не выполняет автоматическое слияние объектов.

```jsx
const [user, setUser] = useState({ name: '', age: 0 });
// ❌ Теряем age
setUser({ name: 'John' });
// ✅ Сохраняем предыдущие значения
setUser(prev => ({ ...prev, name: 'John' }));

useMemo/useCallback: Чрезмерное использование может привести к обратному эффекту - снижению производительности из-за накладных расходов на мемоизацию.

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

Попробовать бесплатно

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

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

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы