太多的重放。React限制呈现次数以防止无限循环。UI和conole错误

Question

console.log('render')

常量plusCount=()=>{

setCount(count + 1)   }  

常量minsCount=()=>{

setCount(count - 1)   }

第二：不要在UI上给我发送错误：太多的重新呈现。React限制呈现次数以防止无限循环。

add:setCount(count + 1),

discount:  setCount(count - 1)

  <h1>Exercise</h1>
  <p>Cunt: <b>{count}</b></p>
  <button onClick={plusCount}>Add</button>
  <button onClick={minsCount}>Discount</button>

</div>

导出默认应用程序；

猜测：为什么这条消息两次都显示我错误，但第一次让我在UI上显示，第二次不显示我在UI上

Answer 1

您正在render上执行setCount函数，这将导致一个rerender，该rerender将导致一个无穷大循环：

const makeCount = {
     add: setCount(count + 1),
     discount:setCount(count - 1)
}

此对象实际上调用setCount函数，而不是创建要调用的fucntion。

您需要将其更改为：

const makeCount = {
     add: () => setCount(count + 1),
     discount: () => setCount(count - 1)
}