使用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);
  }, []);

  const formatTime = (time) => {
    const minutes = Math.floor(time / 60);
    const seconds = time % 60;
    return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;
  };

  return (
    <div>
      <h1>Timer: {formatTime(seconds)}</h1>
    </div>
  );
}

export default Timer;

上述代码中，我们使用useState来定义一个seconds状态，表示当前经过了多少秒，初始值为0。使用useEffect来实现计时器的功能，每秒钟更新一次seconds状态。在组件渲染时，调用formatTime来格式化时间，并将结果渲染出来。

需要注意的是，在组件卸载时，需要清除定时器，否则会造成内存泄漏，导致性能问题。这里使用了useEffect的返回值来清除定时器