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