React.js中的状态问题

Question

我在子组件下面有JSX。

<td>
  <div>
    {this.props.image_element} 
  </div> 
</td>

我在父级组件中有function，如下所示

image_element= (image_name) => {        
        if(image_name) {
            this.update_photostatus('image');
        }
        else {
            console.log('hello');
            this.update_photostatus('input');
        }
   }

和

update_photostatus = value => {
        this.setState({photostatus: value});
    }

我在console中得到的输出如下所示

和

Answer 1

请勿调用componentWillUpdate或componentDidUpdate或render方法中的setState，除非您有限制该更改的条件（即使要小心）。当您在其中之一中设置setState时，很可能会收到“超出最大更新深度”消息。