Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState....

本文转载于：https://blog.youkuaiyun.com/qq_45149366/article/details/119890627

---

Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops。
这句话的大概意思是：
超出最大更新深度。 当组件在 componentWillUpdate 或 componentDidUpdate 中重复调用 setState 时，就会发生这种情况。 React 限制嵌套更新的数量以防止无限循环。

报错代码如下：


后来反应过来，在render()中是不能使用setState的，因为setState造成state改变，state改变就会重新渲染render，每次render又会setState，就会造成页面死循环。
我这里在render中调用函数写错了，要么写成this.onClikc直接调用，要么价格箭头函数()=>this.onClikc()
加括号代表这个函数立即执行，不加括号代表保存了一个指向函数的指针，等触发点击事件的时候才会执行这个函数。