Блог

Главная - Вопросы по программированию - Skycons в react

Skycons в react

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я создал обязательное приложение погоды в react, и у меня возникли проблемы с некоторыми значками. Я использую Skycons, но я не могу заставить их отображаться в моем приложении. Я вижу в инструменте разработки, что значок и путь указаны правильно, но там, где он должен быть, просто пусто.

HTML — это:

 <body>
  <div id="app"></div>
  <script src="skycons.js"></script>

  <script>
    var icons = new Skycons(),
        list  = [
          "clear-day", "clear-night", "partly-cloudy-day",
          "partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
          "fog"
        ],
        i;

    for(i = list.length; i--; )
      icons.set(list[i], list[i]);

    icons.play();
  </script>
</body>

и в моем приложении React я вызываю значок следующим образом

 <div className="col-md-3"><canvas id={day.icon} width="64" height="64">

Я не получаю ошибок консоли, поэтому мне сложно отлаживать

Комментарии:

1. Вы никогда не добавляете их на холст?

2. Идентификатор холста {day.icon} вернет что-то вроде clear-day, так что для вас значит, что я их не добавляю?

3. Документация, похоже, предполагает, что вам нужно icons.add("id", ICON);

4. Что ж. Я переместил значки из демонстрационной папки, включенной во вложенную, в мое собственное приложение, где они работают. Но когда я загружаю значок из приложения React, они исчезают

5. Мне интересно, используете ли вы react-skycons для своего приложения react — npmjs.com/package/react-skycons