Назад к задачам
Junior — Senior
11

React‑компонент отображающий текущее время

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Создайте 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 с текущим значением даты.