javascript - react ，未定义这个

Question

我从一个子组件调用这个函数:

removeWorkout: function (workoutId) {
 return axios.delete('/delete', {
        params: {
          id: workoutId
        }
      }
  .then(function(response){
        this.componentDidMount();
  });
},

服务器删除一条记录:

app.delete('/delete/:id?', (req, res) => {
  Exr.find({'_id':req.query.id}).remove().exec();
  console.log("server deleting")
  res.send("done")
});

但是 this.componentDidMount 不起作用，因为它是未定义的。其他功能正常。

Answer 1

这是一个绑定(bind)问题，您需要使用.bind(this) 或使用arrow function 来绑定(bind)context，箭头功能 将为您完成这项工作。

使用这个:

.then( (response) => {
      this.componentDidMount();
 });

或

.then( function(response) {
      this.componentDidMount();
 }.bind(this));