javascript - React Js axios 设置状态和 self 不工作

Question

这是迄今为止我为使用 axios 获取数据而编写的代码。

我做错了什么？

constructor(props) {
  super(props);
  this.state = {
    user_list: []
  };
}

componentDidMount() {
  axios
    .get("http://192.168.1.35:3012/user_list", {})
    .then(function(response) {
      var datalist = response.data[0];
      this.state({ user_list: response.data });
    })
    .catch(function(error) {
      console.log(error);
    });
}

Answer 1

在你的 axios 请求之后给 then 的函数没有你期望的 this 值。

例如，您可以将其变成箭头函数以使其工作:

componentDidMount() {
  axios
    .get("http://192.168.1.35:3012/user_list")
    .then((response) => {
      var datalist = response.data[0];
      this.state({ user_list: response.data });
    })
    .catch((error) => {
      console.log(error);
    });
}