从反应道具中呈现图像，

Question

我想收到来自道具的图像。在道具中，它包含URL的路径。

由于某种原因，这是行不通的。

render(){ 
const imageURL = require(`${this.props.photo}`) 
return (
    <div className="profile"> 
     <img alt="mug shot" src={imageURL} /> 

但工程....

render(){ 

return (
    <div className="profile"> 
     <img alt="mug shot" src={require('../../Assets/Photos/Four.png')} /> 

该应用程序是使用创建反应的应用程序内进行配置。

Answer 1

请注意webpack无法处理像require(`${this.props.photo}`)这样的动态require语句。它只能处理静态的require语句，因为webpack在“构建时间”中运行 - 它无法解析任何变量。