用react写一个计时器Hook

以下是用React Hooks编写的计时器：

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

function Timer() {
  const [seconds, setSeconds] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      setSeconds(seconds => seconds + 1);
    }, 1000);

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

  return (
    <div>
      <p>Seconds: {seconds}</p>
    </div>
  );
}

export default Timer;

这个计时器使用了useState hook来管理秒数，并且使用了useEffect hook来处理计时器的逻辑。在useEffect hook中，我们使用setInterval函数来每秒更新秒数。返回的函数用于清除计时器。

在组件中，我们将秒数渲染为一个段落元素。