react项目报出警告Warning: Cannot update during an existing state transition (such as within `render`).-白红宇

react项目报出警告Warning: Cannot update during an existing state transition (such as within `render`).

阅读量：3890 次

发布时间：2019-05-23

本文共 647 字，大约阅读时间需要 2 分钟。

在一次写react项目中，报出如下警告，如图：

在这里插入图片描述

意思大概为：在一次改变state或者props值后，触发render()方法执行，重新渲染DOM的过程中，react不允许再有其他的state或者props值的改变。render()方法必须是纯函数！！！。我的理解就是：在render()方法中不能再有其他改变state或者prop的操作

我当时写的代码如下：

handleClick = () => {
           this.props.increateCount(++this.perAdd);    }    affectRenderFun = () => {
           this.setState({
               affectRender: 'hahah'        })    }    render() {
           const {
    num } = this.props;        return (            
                   
    {
   num}                
    
     {
   this.affectRenderFun()}
    
                
                
   
        );    }

因此，最好将this.affectRenderFun()写在点击事件的处理程序中，即handClick()中

转载地址：http://rrthn.baihongyu.com/

你可能感兴趣的文章

写一个简单的python爬虫程序，爬取一下百度图片