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}`]}/>
))}