react 写一个定时器

以下是一个基本的React定时器组件：

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>
      <h1>Timer: {seconds}</h1>
    </div>
  );
}

export default Timer;

在上面的代码中，我们使用了React的useState和useEffect钩子来创建一个定时器。我们用useState来存储计时器的当前状态（秒数），并使用useEffect来启动和停止计时器。在useEffect的回调函数中，我们使用setInterval来每秒增加状态，然后通过return语句清除计时器。

最后，我们将计时器的秒数渲染到页面上的标题标签中。