在设置状态后做出承诺时，"TypeError: this.setState(...) is undefined“
这个错误信息是在使用React框架中遇到的常见错误之一。它通常表示在调用this.setState()方法时，this的上下文未正确绑定，导致无法访问setState方法。
解决这个问题的方法有几种：
- 使用箭头函数：在React组件中，使用箭头函数定义方法可以确保正确绑定
this的上下文。例如：
handleClick = () => {
this.setState({ key: value });
}- 在构造函数中绑定方法：在组件的构造函数中使用
bind方法将方法绑定到正确的上下文。例如：
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
this.setState({ key: value });
}- 使用类属性初始化器语法：这是一种新的语法，可以在类中直接初始化方法，无需在构造函数中绑定。例如：
class MyComponent extends React.Component {
handleClick = () => {
this.setState({ key: value });
}
render() {
return (
<button onClick={this.handleClick}>Click me</button>
);
}
}以上是解决TypeError: this.setState(...) is undefined错误的常见方法。请注意，这些方法都是基于React框架的特性，与云计算领域的专业知识无直接关联。
关于React和前端开发的更多信息，您可以参考腾讯云的产品介绍和文档：
相关·内容
let { value, name } = e.target value = parseInt(value) this.setState} </div> )}
就像现在一样，如果表单的状态发生变化，应用程序会崩溃，并输出以下错误：
T
浏览 39提问于2020-06-03得票数 0
回答已采纳
我用状态来做出反应，我对它有困难。let value = this.props.value; a: value,})let a =this.state.a;this.setState({
浏览 4提问于2017-07-14得票数 0
= this.props.data) { }}
无法对未挂载的组件执行响应状态更新当某人发出post请求时，通过从API获取新的数据？谢谢
浏览 1提问于2019-06-27得票数 3
回答已采纳
我在onCancel/onOk函数中访问this.state和this.setState时遇到了问题。我想在确认或取消弹出模式后修改状态。如果有人有不同的方法，你的指导将是有帮助的。constructor() { bankInfo: 100, }
this.setState,
okType: 'danger&
浏览 31提问于2020-09-05得票数 3
回答已采纳
我有以下代码： fetch('/data') .then(data => this.setState当我在console.log(this.state.data)之后执行componentDidMount()-function时，它返回了一个空数组，所以我想这就是原因所在。在countVar()中，我筛选出一个特定的对象数组，因此我的函数的结构。
浏览 8提问于2018-01-12得票数 1
回答已采纳
false, data: {} try {return this.setState({ data: await response.jsoniOS模拟器返回一个TypeError:未定义不是一个对象(计算'result.map&
浏览 2提问于2019-03-13得票数 0
回答已采纳
1回答
在承诺中返回价值
、、
我试图返回一个字符串值，以在我的HTML中显示它。在我的HTML中，我在视图中使用一个文本元素(类似于ReveNative中的div )，并尝试用从方法_getCategories获得的内容填充它。问题是，我无法使方法返回一个字符串值，因为该值是在许诺中返回的。Text style={styles.categories}>{this.names}</Text>; ) };
我认为这已经返回了正确的值，但它没有显示在我的视图中不
浏览 1提问于2018-10-05得票数 0
getList = async () => { this.setState
浏览 6提问于2022-03-21得票数 -2
回答已采纳
1回答
在我的componentDidMount()函数中有一系列的承诺。在values.then(function(result) promise中，我尝试设置状态。我得到了这个错误Unhandled Rejection (TypeError): Cannot read property 'setState' of undefined，但我研究了这个错误，我需要使用箭头函数绑定我的//gets selected setting form
浏览 20提问于2020-01-14得票数 0
2回答
React返回一个空对象
、、、
我在从api接收数据时遇到了问题，我猜测数据可能在console.log()之后接收到？ .then(response => response.json()) this.setState({api: data[0] ,loading:false}) console.log(this.state.api)
但是，我需要将获取的数据保存到状态中，但是在
浏览 2提问于2020-05-30得票数 1
回答已采纳
由于删除了对replaceState的支持，而setState执行，是否可以删除所有状态变量并通过添加新变量来更新状态，如下面的情况所示，而不直接改变(this.state)状态？
浏览 1提问于2017-12-26得票数 5
我在我的反应性应用程序中有一个axios调用。showResult: true, }));在完成请求并设置状态后，我希望将输入表单设置为空。(prevState =>{ }))
浏览 0提问于2018-12-12得票数 1
回答已采纳
4回答
从api获取时未显示的数据
、、、、
首先，我在状态中声明了一个空数组： 但是数据没有显示，它显示了一些错误： 此外，在将状态设置为时也显示错误 Unhandled Rejection (TypeError): undefined isnot an object (evaluating 'this.setState') 它指向setState线，有人能解决这个问题吗
浏览 16提问于2019-12-10得票数 1
, onOk () { this.setState({ something: [] })})按下delete按钮后，将显示确认模式。我看到了错误消息：在这一行上：
this.setState({ something: [] })
浏览 6提问于2017-11-08得票数 0
我使用Lodash循环通过API响应来设置位置数组的状态，在清除数组后使用返回的响应。当我在循环中只显示响应的值/键时，它工作得很好，但是当我尝试使用setState时，我会得到一个可能的未处理的承诺错误。下面是循环和设置状态的代码： updateMarkers(payload) { markers: []
浏览 2提问于2016-09-11得票数 1
回答已采纳
3回答
当承诺解决后，我能够成功地记录响应中的数据。但是，在设置状态和索引之后，就会得到一个空数组和一个错误。为什么我的数组没有被设置？我在用打字本。.}, {...}]QuestionPage.tsx:79 Uncaught (in promise) TypeError: Cannot read properties of undefined
浏览 10提问于2022-11-15得票数 0
3回答
我需要使用api request.Now应用程序函数的结果来更新状态，这样我就必须频繁地发出api请求。因此，一旦结果到达，我就在then()中设置状态。但有些结果比其他结果需要更多的时间。因此，有时前一个promise的结果设置状态而不是当前。我如何确定承诺的优先级，以便最新的请求结果设置状态。或者，有没有其他方法可以在我调用新的承诺时摆脱以前的承诺？0,
filte
浏览 1提问于2018-06-15得票数 1
2回答
我希望在承诺被解决后修改组件的状态(响应本机)。RequestHandler(); .then(function(resp){ Resp: {this.state.text}
浏览 7提问于2016-08-25得票数 6
回答已采纳
2回答
用承诺处理猫鼬错误
、、、、
我在我的Nodejs REST中使用了带有原生ES6承诺的mongoose来进行数据库管理。任何帮助都将不胜感激。
编辑：我正在使用findOne并手动修改计划，因为猫鼬不能建模模式，它既是动态的，也是嵌入式的。
浏览 2提问于2016-09-04得票数 1
回答已采纳
我正在使用google-translate api构建一个简单的翻译器，component.The文本输入存储在状态中并由translateInput()使用，然后我想用翻译后的文本设置状态。input:'', } this.setStategoogleTranslate.
浏览 13提问于2019-09-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
