因此,我在我的React应用程序中遇到了一个问题,我遇到了一个特殊的情况,在一个方法中需要有多个setState()调用,然后在设置状态后让代码运行。下面的代码是一个对话框,用于在网站上添加帐户。
import React from 'react';
import Dialog from 'material-ui/Dialog';
import FlatButton from 'material-ui/FlatButton';
import TextField from 'material-ui/TextField';
/**
我试图使用setState更改状态,然后用新状态调用操作,但在设置新状态之前立即响应分派操作。如何等待新的状态,然后再分派操作?
addressInput = e => {
this.setState({
address: e.target.value
});
this.props.filterSearch(this.state.address) //this will be called before state is set
}
好的,所以我正在开发一个简单的随机引号生成器React应用程序,并使用了一个类组件应用程序以及相同的Fetch API。
每次我运行这个应用程序(无论是在生产模式还是在开发模式下),当它通过TypeError: this is undefined方法中的this.setState()部分时,我都会在控制台中得到一个fetchQuote()。
当我console.log(tempText)时,数据会显示在控制台中,但它无法输入setState方法,并且由于某种原因实际上无法更新状态变量,它直接进入catch语句并抛出错误。
--我已经在构造函数中对该方法使用了“this”绑定。因此,我不完全确定