如何解决React - 转换字符串以使用导入的组件
我想知道如何使用字符串键调用从 /assets/ 文件夹导入的 svg 元素。
这是我导入的 svg 图像:
"{{ (params.wait_seconds|int > 0)|ternary('yes','no') }}"
这是我显示 image1 和 image2 的循环
import image1 from "assets/images/image1.svg";
import image2 from "assets/images/image2.svg";
但它不起作用,因为我有这个:
{data.map((data: object,index: number) => (
<img src={`image${index}`}/>
))}
但我想要这个:
<img src={'image1'}/>
谢谢。
解决方法
import image1 from "assets/images/image1.svg";
import image2 from "assets/images/image2.svg";
const images={
image1,image2
}
{data.map((data: object,index: number) => (
<img src={images[`image${index}`]}/>
))}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。