React

Question

の別のフォルダにあるページでフォルダ内のローカル画像にアクセスする画像 'image.jpg'を含むフォルダAと、フォルダAの画像にアクセスする必要のあるHTMLページを含むフォルダBを考えてHTMLで画像を表示します。

以下のコードは、

<img src={require('../A/image.jpg')}/> 

に動作します。しかしときJSON何かなどを介してIループ、

var list=[{'name':'aa','img'="../A/image.jpg"},{'name':'bb','img'="../A/image1.jpg"}] , 

状態に割り当てるなどの成分を反応させるのに注入

<img src={require(this.state.image)}/> 

これは動作しません。私はちょうど "モジュールを見つけることができません../A/image.jpg"と私はなぜ取得しません。ソリューションに事前に感謝します。

Answer 1

RequireJSこの

cjsRequireRegExp = /[^.]\s*require\s*\(\s*["']([^'"\s]+)["']\s*\)/g 

のように一致する正規表現を使用していますので、それは動作しません、それはあなたの引数がリテラル、宣言文字列であることを期待しています。