Состояние timer всегда остается начальным и меняется только в рендере. Как получить текущее значение счетчика и сбросить интервал по достижению нужного значения?
import React from "react";
import "./styles.css";
export default function App() {
const [timer, setTimer] = React.useState(10)
React.useEffect(()=> {
let interval = setInterval(()=>{
setTimer((value) => value - 1)
if(timer === 5) {
clearInterval(interval)
}
}, 1000)
return () => clearInterval(interval)
}, [])
return (
<div className="App">
<h2>{timer}</h2>
</div>
);
}