Назад к задачамПолучайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Junior — Senior
11
React‑компонент отображающий текущее время
Условие задачи
Создайте React‑компонент, который выводит текущую дату‑время и обновляет её каждую секунду. При размонтировании компонента необходимо вызвать функцию logMetric, передав в неё последнее отображённое время.
function logMetric(date: string) {
fetch('/api/metric', date);
}
const Clock = () => {
const [currentDate, setCurrentDate] = useState((new Date()).toISOString());
return <h1>{currentDate}</h1>;
};
Для реализации понадобится хук useEffect: в нём следует создать таймер, вызывающий setCurrentDate каждую секунду, а в функции очистки вызвать logMetric с текущим значением даты.