使用react 实现一个显示当前时间的功能

好的，以下是一个使用 React 实现的显示当前时间的功能代码示例：

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

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

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

    return () => clearInterval(interval);
  }, []);

  return (
    <div>
      <h1>当前时间：{time.toLocaleTimeString()}</h1>
    </div>
  );
}

export default App;

在这个示例中，我们使用了 React 中的 `useState` 和 `useEffect` 钩子来管理当前时间的状态，并在组件挂载时启动一个定时器来更新时间，每秒钟更新一次。需要注意的是，在组件销毁时我们需要清除定时器，以免造成资源浪费和内存泄漏。