Axios 获取响应

Question

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

我的代码是：

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);