Reactjs 尝试在react js中执行计数器时超过最大调用堆栈大小

尝试在react js中执行计数器时，已超过最大调用堆栈大小。 我正在使用功能组件创建计数器。从0开始，每次增加10，直到达到最大限制。 这是我的密码

---

该错误是由于在useEffect中递归调用HandleCoreAnimate函数造成的

您可能会得到更好的解决方案，但您可以利用setTimeout来实现这一点

useEffect(() => {

   const timer = setTimeout(()=>{
      setInitialCount(c => c >= maxLimit ? maxLimit : c + 10)
   },1000)  //timeout can be adjusted according to your need

   //This is to clear the timeout when component unmounts
   return () => clearTimeout(timer);

}, [initialCount]);

---

你想在更新状态时显示延迟吗？比如数字速度表。

useEffect(() => {

   const timer = setTimeout(()=>{
      setInitialCount(c => c >= maxLimit ? maxLimit : c + 10)
   },1000)  //timeout can be adjusted according to your need

   //This is to clear the timeout when component unmounts
   return () => clearTimeout(timer);

}, [initialCount]);