Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Senior
17
Создание React‑компонента часов с автоподновлением
Условие задачи
Требуется адаптировать приведённый ниже код так, чтобы отображаемое время обновлялось каждую секунду.
import React from 'react'
class Clock extends React.Component<any, any> {
constructor(props) {
super(props)
this.state = { date: new Date() }
}
componentDidMount() {
setInterval(
() => this.tick(),
1000
)
}
componentWillUnmount() {
clearInterval()
}
tick() {
// @ts-ignore
this.state.date = new Date()
}
render() {
return (
<div>
<h1>Привет, мир!</h1>
<h2>Сейчас {this.state.date.toLocaleTimeString()}.</h2>
</div>
)
}
}