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

При каких условиях функция может не сработать в React

Функция может не сработать в React в следующих случаях:

  1. Неправильные зависимости в хуках (useEffect, useCallback, useMemo) - если зависимости не указаны или указаны неверно, эффект не перезапустится при изменении данных.
jsx
useEffect(() => {
  console.log('Не сработает при изменении props.id');
}, []); // Нет зависимости от props.id
  1. Строгое сравнение объектов - если передаётся новый объект с теми же значениями, React может посчитать его другим.

  2. Условный рендеринг хуков - хуки нельзя вызывать условно.

jsx
if (condition) {
  useEffect(() => {...}); // Ошибка!
}
  1. Асинхронные обновления состояния - setState асинхронный, нельзя полагаться на текущее состояние сразу после вызова.

  2. Неучтённый ререндер - компонент может не обновиться, если пропсы/стейт не изменились (React.memo, shouldComponentUpdate).

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

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

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

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