Выбор ответа Middle Эффекты и жизненный цикл спрашивают часто обновлено
Таймер с устаревшим state
Вопрос
Какое число будет показывать счётчик через 5 секунд?
const [count, setCount] = useState(0);
useEffect(() => {
const id = setInterval(() => setCount(count + 1), 1000);
return () => clearInterval(id);
}, []);
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: 1. Эффект с [] создан в первом рендере, где count равен 0.
Варианты ответа
- 5
- 1правильный ответ
- 0
- Число будет расти, но с задержкой
Разбор
Эффект с [] создан в первом рендере, где count равен 0. Колбэк интервала каждый раз вызывает setCount(0 + 1), поэтому значение застревает на 1. Чтобы счёт шёл, нужен апдейтер setCount(c => c + 1). 0 неверно: первое обновление происходит. Рост с задержкой не случится вовсе.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.