从JSON动态设置图片src

Question

我正在尝试从React.Js中的JSON文件设置图像标签src

在JSON文件中，我具有有关图像的详细信息，

imageRepo.json

[
{
  "image" : "../img2.jpg"
},

{
    "image" : "../img1.jpg"
}
]

使用代码将JSON文件导入Js文件

import DataImport from '../imageRepo.json'

导入后，我会使用以下代码遍历JSON文件并更新图片标签的SRC。

DataImport.map((item)=>{
    return(<div align="center">
    <img src={item.image} />
    </div>)
}

，但无法获得所需的输出。图片未加载到页面中。我也尝试将require用作

 <img src={require(item.image)} />

这会导致错误。