我在React API组件中得到了一个未定义的东西

时间:2017-07-22 14:22:56

标签: javascript reactjs

在尝试使用我的应用中的搜索栏时,我得到了一个未定义的内容。组件在webpack中编译良好。我不确定我是否遇到es6语法问题或者在组件的操作中缺少某些内容。

const axios = require('axios');

const OPEN_WEATHER_MAP_URL =
  'http://samples.openweathermap.org/data/2.5/weather?appid=5d0a2ef2cca550311d7015dc03763d54&units=imperial';

module.exports = {
  getTemp(location) {
    var encodedLocation = encodedURIComponent(location);
    var requestUrl = `${OPEN.WEATHER_MAP_URL}&q=${encodedLocation}`;

    axios.get(requestUrl).then((res) => {
      if (res.data.cod && res.data.message) {
        throw new Error(res.data.message)
      } else {
        return res.data.main.temp;
      }
      ((res) => {
        throw new Error(res.data.message);
      })
    })
  }
};

当我在搜索栏中触发搜索时出现错误我在var encodedLocation = encodedURIComponent(location)处得到undefined;

我尝试过使用let和const而不是var,但这也没有帮助

1 个答案:

答案 0 :(得分:0)

修正一个小错字:

更改

var encodedLocation = encodedURIComponent(location);

var encodedLocation = encodeURIComponent(location);