從反應道具中呈現圖像，

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在「構建時間」中運行 - 它無法解析任何變量。