使用React和create-react-app动态导入

凯泽·索兹(Kaiser Soze)

我有一个组件图像,它正在使用来自循环的值。

就像是:

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章