尝试使用Skycons

Question

我要添加从Darksky API动态获取的所有天气信息。问题是通过此for循环运行代码，我只显示了最后一个图标。我得到了一个星期天气数据的数组，在上面运行了一个for循环，并为每个项目添加了一个UUID，对于每个项目，我都使用skycons.add（）方法以及UUID和从darksky API。为什么所有图标都不会显示？

for(let i = 1; i < dailyWeatherData.length; i++) {
            let id = uuidv4();
            this.output.innerHTML += `
            <div class="animated fadeIn delay-500ms card">
                <canvas id="${id}" height="128" width="128"></canvas>
                <h3>${moment.unix(dailyWeatherData[i].time).format("MMM DD, YY")}</h3>
                <p>${dailyWeatherData[i].summary}</p>
            </div>
            `;
            skycons.add(id, dailyWeatherData[i].icon);
        }