React - 转换字符串以使用导入的组件

Question

我想知道如何使用字符串键来调用从 /assets/ 文件夹导入的 svg 元素。

这是我导入的 svg 图片：

import image1 from "assets/images/image1.svg";
import image2 from "assets/images/image2.svg";

这是我显示 image1 和 image2 的循环

{data.map((data: object, index: number) => (
  <img src={`image${index}`}/>
))}

但它不起作用，因为我有这个:

<img src={'image1'}/>

但我想要这个 :

<img src={image1}/>

谢谢。

Answer 1

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

React - 转换字符串以使用导入的组件

React - convert string to use imported component

reactjs

tsx

react-tsx