Sobes.tech
Back to tasks
Junior — Senior
24

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

Get help with live coding in real time with Sobes Copilot
Task condition

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