2017-03-03 29 views
0

考虑文件夹A与图像“image.jpg文件”和文件夹B与HTML页需要访问文件夹A图像中的HTML来显示图像。在另一个文件夹访问的文件夹中的局部图像通过一个页面阵营

下面的代码工作

<img src={require('../A/image.jpg')}/> 

但是,当我遍历一个JSON类似,

var list=[{'name':'aa','img'="../A/image.jpg"},{'name':'bb','img'="../A/image1.jpg"}] , 

它们分配给各州和注入阵营组件一样,

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

这不干活只得到“无法找到模块../A/image.jpg”,我不知道为什么。预先感谢解决方案。

+0

怎么样,当你使用''? – Ejaz

+0

@Ejaz没有,这是行不通的。图像未加载。请参阅http://stackoverflow.com/questions/42580130/display-images-in-react-using-jsx-without-import/42580202#42580202 – Gayathri

回答

0

它不会起作用,因为RequireJS使用正则表达式匹配这样

cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g 

,并预计你的论点是一个说明性文字字符串。

+0

我不明白的逻辑依然。我实际上喜欢它无法找到该相对URL中的模块。即使模式而言,当我试图用封闭通过串联引号的URL,它也不管用。你能建议一种方法来解决这个问题吗? – Gayathri

相关问题