Axios反应

Question

我需要一些帮助在我的反应应用程序中使用Axios。我使用它与地理定位相结合来获取用户的位置，并在api调用中使用Axios。

我的代码是：

componentDidMount() {
 if (navigator.geolocation){

  function success(position) {
    var latitude  = position.coords.latitude;
    var longitude = position.coords.longitude;
    var th = this;
    this.serverRequest =
      axios.get(`https://api.darksky.net/forecast/APIKEY/`+latitude+`,`+longitude+`?units=auto`)
        .then(result => {
          th.setState({
            daily: result.data.daily.data,
            loading: false,
            error: null
          });
        })
      .catch(err => {
        // Something went wrong. Save the error in state and re-render.
        this.setState({
          loading: false,
          error: err
        });
      });
  };
  function error() {
    console.log( 'geolocation error' )
  };
  navigator.geolocation.getCurrentPosition(success, error);
 }
}

但是我最终得到了错误Uncaught TypeError: Cannot set property 'serverRequest' of undefined

Answer 1

当success作为回调被调用时，它的this值将不正确--在您的示例中是undefined。您可以通过在回调函数上使用bind来修复这个问题：

navigator.geolocation.getCurrentPosition(success.bind(this), error);