reactjs - 那么从 axios 内部调用函数呢？

Question

如何从 axios 内部调用函数，下面是我的代码，它不起作用

handleClick(userid){
  axios.get(
    "http://localhost:4000/user/"+userid+"/items.json")
    .then(function (response) {
      dispatch(this.buildhtml.bind(response))
    })
}


  buildhtml(response){
  console.log("m called")
  }

buildhtml 函数未执行!有什么想法

Answer 1

您的代码无法正常工作，因为您的 this 在您当前的实现中未定义。

你能试试这个吗？

handleClick(userid){
  var self=this;
  axios.get(
    "http://localhost:4000/user/"+userid+"/items.json")
    .then(function (response) {
      self.buildhtml.bind(response) // would work
      dispatch(self.buildhtml.bind(response)) //wont work
    })
}

  buildhtml(response){
  console.log("m called")
  }

现在我看到上面也不起作用，即使你将其更改为 self.您正在尝试使用调度。在调度中，您需要传递一个操作。。 reducer 将状态和操作作为参数，并根据传递的操作更新状态。

现在一个 Action 可以返回一个对象或函数。请仔细阅读 redux 的概念一次。这不是应该分派(dispatch)操作的方式