我目前正在尝试使用最新稳定版本的React编写代码。
我正在尝试通过传入图像来加载一些反应子组件中的图像网址是道具,我最初存储在JSON文件中。但是,当我尝试通过输入加载图像时,例如
<img src={require(this.props.imageUrl)} />
我最终得到以下错误:
错误:找不到模块“。” webpackMissingModule
但是,当我将this.props.imageUrl
中存储的字符串输入require()
函数时,如下所示:
<img src={require("./img.jpg")} />
图像加载非常精细。我已经多次确认字符串是否正确传递给this.props.imageUrl
变量,但是在将变量存储在require()
中的变量的交换类型字符串时,我总是会遇到上述错误。功能
非常感谢任何见解或帮助。谢谢。