我有一个组件图像,它正在使用来自循环的值。
就像是:
arr.map(m => <Component imgsrc={m.src} />)
其中src prop是指向图像文件夹的链接。那我做
<img src={require(`${props.imgsrc}`)} />
但是,如果不起作用,但是如果我静态使用它,它将起作用。
有什么不同?
Webpack需要知道在哪个目录中查找,因为它需要在构建时知道要在构建中包括哪些目录。如果整个路径是动态的,则Webpack将需要在构建中包括整个文件系统,这是不可行的。
如果Webpack可以找出要查找的位置,则可以使路径的各个部分动态化。
<img src={require(`../images/${props.imgsrc}.png`)} />
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句