画像を小道具から反応させて、

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}`)のような動的要求文を処理できないことに注意してください。 Webpackは「ビルド時」に実行されるため、静的なrequire文しか処理できません。変数を解決することはできません。