Back to tasksGet help with live coding in real time with Sobes Copilot
Junior — Senior
26
Устранить баги в React‑компоненте без указания зависимостей в useEffect
Companies where asked:
Сибинтэк
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.