Sobes.tech
Назад к задачам
Junior — Senior
27

Устранить баги в React‑компоненте без указания зависимостей в useEffect

Компании, где спрашивали:

Сибинтэк
Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо исправить логику таймера в функциональном React‑компоненте так, чтобы он корректно обновлял состояние без добавления зависимостей в массив зависимостей useEffect.

import React, { useState, useEffect } from 'react';

const Counter = () => {
  const [current, setCurrent] = useState(0);

  useEffect(() => {
    const intervalId = setInterval(() => {
      console.log(current);
      setCurrent(current + 1);
    }, 1000);

    return () => clearInterval(intervalId);
  }, []);

  return <div>Count: {current}</div>;
};

export default Counter;

В данном примере нужно обеспечить правильное захватывание актуального значения счётчика внутри setInterval, не полагаясь на массив зависимостей useEffect.