react hook实现定时器

使用 React Hook 实现定时器可以使用 `useState`, `useEffect` 和 `setTimeout` 或 `setInterval` 函数。下面是一个简单的示例：

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

function Timer() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const timer = setTimeout(() => {
      setCount(count + 1);
    }, 1000);

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

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
}

在这个示例中，我们使用 `useState` 来创建一个名为 `count` 的状态，并将初始值设置为 0。然后，我们使用 `useEffect` 来启动一个定时器，每隔一秒更新一次 `count` 的值。在 `useEffect` 的清理函数中，我们清除定时器，以避免内存泄漏。

请注意，我们将 `count` 添加到依赖数组中，以便在 `count` 发生变化时重新创建定时器。这是为了确保定时器始终以正确的间隔运行。

最后，我们将 `count` 的值显示在组件中，以展示定时器的效果。你可以根据需求修改和扩展这个示例。