在dom [React]上显示当前时间和实时更新

import React, { useState, useEffect } from 'react';

function Clock() {
  const [time, setTime] = useState(new Date());

  useEffect(() => {
    const timer = setInterval(() => {
      setTime(new Date());
    }, 1000);

    return () => {
      clearInterval(timer);
    };
  }, []);

  return (
    <div>
      Current Time: {time.toLocaleTimeString()}
    </div>
  );
}

export default Clock;

import React from 'react';
import ReactDOM from 'react-dom';
import Clock from './Clock';

ReactDOM.render(
  <Clock />,
  document.getElementById('root')
);