ReferenceError: e在React应用中没有定义

ReferenceError: e is not defined in React app

本文关键字:定义 应用 React ReferenceError      更新时间:2023-09-26

我有一个问题,我的反应应用程序,我无法显示相同的图标从skycons两次。我发现这篇文章有同样的问题。然而,当我复制的解决方案,我得到一个错误bundle.js:130 Uncaught ReferenceError: e is not defined

作为参考,这是我的代码

componentDidMount() {
 this.serverRequest = $.get(this.props.source, function (result) {
  this.setState({
    forecast: result.currently,
    daily: result.daily.data
  });
  var icons = new Skycons({
      "color": "#666"
    }),
    list = [
      "clear-day", "clear-night", "partly-cloudy-day",
      "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
      "fog"
    ],
    i;
  for (i = list.length; i--;) {
    var weatherType = list[i],
      elements = document.getElementsByClassName(weatherType);
    for (e = elements.length; e--;) {
      icons.set(elements[e], weatherType);
    }
  }
  icons.play();
 }.bind(this));
}

我试图在代码中声明e不同的地方,但它不适合我,即使代码是复制/粘贴

显然错误在这里for (e = elements.length; e--;) {

我想你想要这个:

  for (i = list.length; i--;) {
    var weatherType = list[i],
      elements = document.getElementsByClassName(weatherType);
    for (var e = elements.length; e > 0; e--) {
      icons.set(elements[e], weatherType);
    }
  }