React работа с хуками useState и useEffect
Обучаюсь реакту прошел тему хуков, и решил сделать простенький измеритель проведенного времени. Сначала сделал с помощью классов с использованием методов жизненного цикла, потом попытался сделать это в функциональной компоненте с помощью хуков, но логика не работает
const Stopwatch = (props) => {
let [seconds, setSeconds] = useState(59)
let [minutes, setMinutes] = useState(59)
let [hours, setHours] = useState(0)
let timeCount = () => {
debugger
if (seconds === 59) {
debugger
if (minutes === 59) {
debugger
setMinutes(minutes = 0)
setSeconds(seconds = 0)
setHours(hours + 1)
debugger
} else {
debugger
setMinutes(minutes + 1)
debugger
}
} else {
debugger
setSeconds(seconds++)
debugger
}
}
useEffect(
() => setInterval(
() => timeCount(), 1000
)
)
return (
<div>
<h2>Время проведеннное в этом проекте: {hours + ":" + minutes + ":" + seconds}</h2>
</div>
)
}