时间戳

首页 > 解决方案 > ReactJS：使用 api 变量的图像导入问题

javascript - ReactJS：使用 api 变量的图像导入问题

问题描述

我正在使用 openweather API 创建天气卡，我想使用如下图像：

<img src={`${wicon}.png`} />

所以，我有图像命名'04d.png'和{wicon}变量附带'04d'代码然后我放在代码.png的末尾但我还需要导入带有名称的图像。我该如何解决这个问题？我也尝试使用{wicon}变量导入图像但不起作用。注意：上面的代码就像'04d.png'我运行 API 并检查网页但没有加载时一样工作。有没有什么方法可以使用图像而不像 HTML 那样导入？

编辑：当我上传本地服务器并将{wicon}变量放在本地服务器链接的末尾时，问题解决了。

网页

标签： javascripthtmlreactjs

解决方案

推荐阅读