js报错未定义的ajax,ReactJS和AJAX未捕获TypeError:无法读取未定义的属性'错误'
我在React函数中引用AJAX请求,同时引用React类中的状态。但是,我得到一个TypeError,当我输入AJAX请求时,对状态的引用是未定义的。 。ReactJS和AJAX未捕获TypeError:无法读取未定义的属性'错误'
这里是我的代码片段,我“米不清楚如何在这里继续我在哪里丢失的上下文
class BugList extends React.Component {
constructor() {
super();
this.state = {
bugs: [],
};
}
addBug(bug) {
$.ajax({
type: 'POST', url: '/api/bugs', contentType: 'application/json', data:JSON.stringify(bug),
success: function(data) {
var bug = data;
var bugsModified = this.state.bugs.concat(bug);
this.setState({bugs: bugsModified});
}.bind(this),
error: function(xhr, status, err) {
console.log("error adding bug: ", err);
}
});
}
componentDidMount() {
$.ajax('/api/bugs').done(function(data) {
this.setState({bugs: data})
}.bind(this));
}
render() {
return(
Bug Tracker
);
}
}
问题的行中的问题:
var bugsModified = this.state.bugs.concat(bug);
错误日志:
Uncaught TypeError: Cannot read property 'bugs' of undefined
2017-04-11
Tony
js报错未定义的ajax,ReactJS和AJAX未捕获TypeError:无法读取未定义的属性'错误'相关推荐
- java定义属性错误_错误TypeError:无法读取未定义的属性'firstName'
我是Angular的新手,所以请耐心等待 . 我想从firebase firestore获取当前登录用户的firstName,并在仪表板页面上显示它 . 但是当我尝试加载仪表板时,出现以下错误: Ad ...
- ie8 js未指明的错误_修复ueditor百度编辑器在IE8下shCore.js报错'undefined'错误的问题...
ueditor在IE8下点击任意文本框报脚本错误 错误问题: 在IE8下出现脚本错误 'undefined' 为空或不是对象 的问题 出现问题的文件为: 行数:299行 文件路径:ueditor\th ...
- php js 报错信息,JavaScript中错误异常的分析(附示例)
本篇文章给大家带来的内容是关于JavaScript中错误异常的分析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我的建议是不要隐藏错误,勇敢地抛出来.没有人会因为代码出现 ...
- 使用JS报错 xx is not defined at HTMLAnchorElement.onclick
这里的情况特指在HTML里写的调用js报错的情况,根本原因是未找到函数(这里先不考虑函数名写错这种低级错误). 一般认为可以按如下方式解决: ----------------------------- ...
- Eclipse中导入项目后js报错解决方法
Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入Eclipse后,配置好各种编译条件.加载好jar包.配置好tomcat后发现项目还是报错,(前提是项目本身并没有错误,而是我们在初 ...
- Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法
今天,下了个模版,但是导进去的时候发现js会报错.看了下其他都没有错误.而有一个js报错误,请原谅我有点红色强迫症,不能留一点红色 . 错误如下: Syntax error on token &quo ...
- web-packwebpack .\src\main.js .\dist\bundle.js 报错
(1)使用指令 web-pack>webpack .\src\main.js .\dist\bundle.js 报错 (2).问题分析,wbpack版本太高,指令不一样.我的是v4.14.0 ...
- 【js监听报错】页面监听js报错问题
<html> <head> <script type="text/javascript">// 页面监听js报错问题 οnerrοr=handl ...
- requirejs页面刷新失效js报错问题解决方案
插件名称:requirejs 问题:页面刷新后模块载入失效,js报错 下载地址:http://www.chtml.cn/topic/show/10816 问题原因: requirejs是先加载本身在加 ...
- JS报错:Cannot read property 'type' of undefined
在做图片上传功能的时候,遇到了JS无法识别图片type的问题,在使用过程中是没有问题的,但是不知道为什么浏览器的Console报这个错误: Uncaught TypeError: Cannot rea ...
最新文章
- 两个高频设计类面试题:如何设计HashMap和线程池
- OC基础回想(十二)协议
- python中for循环的用法_浅谈Python的for循环
- Javascript 学习笔记 2: 标识语句
- aop拦截mybatis执行sql_Java进阶架构之开源框架面试题系列:Spring+SpringMVC+MyBatis
- 用 Win7,硬件也有新天地
- esxi.主机配置上联端口_为什么现代的电脑机箱仍然具有USB 2.0端口?
- java嵌套循环语句_Java学习笔记(七) 循环语句
- 11 Sping框架--AOP的相关概念及其应用
- Git忽略提交规则 - .gitignore配置运维总结
- UVA10602 Editor Nottoobad【贪心】
- java web中的重定向和转发,forward和sendRedriect
- 定了!这些高校已公布开学时间
- javascript实现浏览器窗口传递参数
- 视频解码测试软件,视频解码:视频解码性能测试_平板电脑评测-中关村在线
- oracle批量查询更新,Oracle批量查询、删除、更新使用BULK COLLECT提高效率
- 松下MINAS-A6伺服电机调试记录
- 2022-04-13 Ambient Light Proximity Sensor 光感和距离传感器 STK3311X调试记录 RK3566 Android11平台
- 在osgEarth中添加模型的简单示例
- 南卡和声阔真无线降噪耳机哪款更好?南卡和声阔蓝牙耳机测评