Sobes.tech
Back to tasks
Junior — Senior
26

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

Companies where asked:

Сибинтэк
Get help with live coding in real time with Sobes Copilot
Task condition

Необходимо исправить логику таймера в функциональном 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.