React JS - 如何将数字从每分钟 1 分钟增加到 9 分钟？

Question

如何将数字从每分钟 1 增加到 9 分钟？我需要每分钟将一个数字从 1 增加到 9。完成九个数字后，回到开头。

我需要每分钟更改一个类名。我试试这个：

const [count, setCount] = useState(1);

useEffect(() => {
    const timer = setTimeout(() => incrementCount, 3000);
    return () => clearTimeout(timer);
  }, []);

  
  const incrementCount = () => {
    setCount(count + 1);
  };

  const name =  `C${count}`;

现在类名是 C1，但一分钟后我需要 C2...

Answer 1

您提供的代码基本有效。它只是需要一些调整：

您忘记在 setTimeout

incrementCount

您需要在 useEffect 或 useCallback 中处理程序，因为按照您的方式，渲染器会在每个渲染器上重新创建回调
您需要将 count 添加到 useEffect 的依赖项中，但仅当您将回调 incrementCount 移动到 useEffect[=27 时才会出现这种情况=]

here is a working example code

React JS - 如何将数字从每分钟 1 分钟增加到 9 分钟？

React JS - How to increment a number from 1 to 9 minutes per minute?

increment

reactjs