我在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:无法读取未定义的属性'错误'相关推荐

  1. java定义属性错误_错误TypeError:无法读取未定义的属性'firstName'

    我是Angular的新手,所以请耐心等待 . 我想从firebase firestore获取当前登录用户的firstName,并在仪表板页面上显示它 . 但是当我尝试加载仪表板时,出现以下错误: Ad ...

  2. ie8 js未指明的错误_修复ueditor百度编辑器在IE8下shCore.js报错'undefined'错误的问题...

    ueditor在IE8下点击任意文本框报脚本错误 错误问题: 在IE8下出现脚本错误 'undefined' 为空或不是对象 的问题 出现问题的文件为: 行数:299行 文件路径:ueditor\th ...

  3. php js 报错信息,JavaScript中错误异常的分析(附示例)

    本篇文章给大家带来的内容是关于JavaScript中错误异常的分析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我的建议是不要隐藏错误,勇敢地抛出来.没有人会因为代码出现 ...

  4. 使用JS报错 xx is not defined at HTMLAnchorElement.onclick

    这里的情况特指在HTML里写的调用js报错的情况,根本原因是未找到函数(这里先不考虑函数名写错这种低级错误). 一般认为可以按如下方式解决: ----------------------------- ...

  5. Eclipse中导入项目后js报错解决方法

    Eclipse中导入项目后js报错的原因与解决方法 在我们将项目导入Eclipse后,配置好各种编译条件.加载好jar包.配置好tomcat后发现项目还是报错,(前提是项目本身并没有错误,而是我们在初 ...

  6. Eclipse和MyEclipse使用技巧--解决MyEclipse中的js报错的小方法

    今天,下了个模版,但是导进去的时候发现js会报错.看了下其他都没有错误.而有一个js报错误,请原谅我有点红色强迫症,不能留一点红色 . 错误如下: Syntax error on token &quo ...

  7. web-packwebpack .\src\main.js .\dist\bundle.js 报错

    (1)使用指令 web-pack>webpack .\src\main.js  .\dist\bundle.js  报错 (2).问题分析,wbpack版本太高,指令不一样.我的是v4.14.0 ...

  8. 【js监听报错】页面监听js报错问题

    <html> <head> <script type="text/javascript">// 页面监听js报错问题 οnerrοr=handl ...

  9. requirejs页面刷新失效js报错问题解决方案

    插件名称:requirejs 问题:页面刷新后模块载入失效,js报错 下载地址:http://www.chtml.cn/topic/show/10816 问题原因: requirejs是先加载本身在加 ...

  10. JS报错:Cannot read property 'type' of undefined

    在做图片上传功能的时候,遇到了JS无法识别图片type的问题,在使用过程中是没有问题的,但是不知道为什么浏览器的Console报这个错误: Uncaught TypeError: Cannot rea ...

最新文章

  1. 两个高频设计类面试题:如何设计HashMap和线程池
  2. OC基础回想(十二)协议
  3. python中for循环的用法_浅谈Python的for循环
  4. Javascript 学习笔记 2: 标识语句
  5. aop拦截mybatis执行sql_Java进阶架构之开源框架面试题系列:Spring+SpringMVC+MyBatis
  6. 用 Win7,硬件也有新天地
  7. esxi.主机配置上联端口_为什么现代的电脑机箱仍然具有USB 2.0端口?
  8. java嵌套循环语句_Java学习笔记(七) 循环语句
  9. 11 Sping框架--AOP的相关概念及其应用
  10. Git忽略提交规则 - .gitignore配置运维总结
  11. UVA10602 Editor Nottoobad【贪心】
  12. java web中的重定向和转发,forward和sendRedriect
  13. 定了!这些高校已公布开学时间
  14. javascript实现浏览器窗口传递参数
  15. 视频解码测试软件,视频解码:视频解码性能测试_平板电脑评测-中关村在线
  16. oracle批量查询更新,Oracle批量查询、删除、更新使用BULK COLLECT提高效率
  17. 松下MINAS-A6伺服电机调试记录
  18. 2022-04-13 Ambient Light Proximity Sensor 光感和距离传感器 STK3311X调试记录 RK3566 Android11平台
  19. 在osgEarth中添加模型的简单示例
  20. 南卡和声阔真无线降噪耳机哪款更好?南卡和声阔蓝牙耳机测评

热门文章

  1. 中宠股份第三季度营收7.55亿元:增速环比持续下滑,净利润转降
  2. excel 制作双层饼图
  3. linux上查看gpu卡型_如何检查Linux上安装了哪个GPU
  4. 网页倒计时制作(js)
  5. 网络无法访问互联网是什么原因
  6. win10显示WiFi已连接但无法访问互联网?
  7. 我用飞桨做了一个菜品图像识别系统
  8. Hi3516d平台的usb功能调试记录
  9. java加载不了驱动程序,请教java连mysql数据库时一直加载不起驱动
  10. 正在崛起的高薪岗位—嵌入式开发工程师