将设置的图像src反应到动态路径

Question

所以我想做的是从JSON文件读取image-src。 在JSON文件中，我有类似以下内容：

{
   posts:[
           {"img": "../images/a.png"},
           {"img": "../images/b.png"},

           //and more... 
         ]

}

然后我想在反应中使用这些路径作为图像src：

import data from '../posts.json';

<img src={require(data.posts[0].img)}/>

这不起作用，出现此错误：错误：找不到模块“。”。 有什么办法可以使我的作品生效？

Answer 1

您不应在此处使用regex。

require