从道具渲染图像反应，

Question

我想从道具收到一张图片。在props中，它包含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')} />

使用Create-React-App配置应用程序。

Answer 1

请注意，webpack无法处理require(`${this.props.photo}`)等动态需求语句。它只能处理静态require语句，因为webpack运行在＆＃34;构建时间＆＃34; - 它无法解决任何变量。