react17中使用setState导致了死循环

在使用setState时发生死循环的错误,可能的原因是在这三个地方使用了setState:

  • componentDidUpdate;
  • componentWillUpdate;
  • render。

为什么会这样?

每次渲染页面的时候就会调用render,render里面是setState,就要执行setState,而每次执行setState就要重新渲染页面,要渲染调用render,render里执行setState,又重新渲染调用render---setState--render---setState...就这样一直发生死循环。

只需将 setState() 调用移到 render() 函数之外即可。

如果在组件挂载后必须初始化状态(也许是从API端点提取数据),请在 componentDidMount() 中进行。

如果可以在组件挂载之前初始化状态,也可以使用构造函数来完成。

参考内容:react循环setstate_新手React开发人员容易做错的5件事

相关推荐
且听真言10 天前
Flutter下拉刷新上拉加载的简单实现方式二
controller·下拉刷新·setstate·disposed·future.delayed·上拉加载
江上清风山间明月8 个月前
Flutter中setState函数的使用注意事项
flutter·错误·setstate·注意
川峰1 年前
【React系列】React生命周期、setState深入理解、 shouldComponentUpdate和PureComponent性能优化、脚手架
性能优化·react·scu·setstate