2017-03-03 35 views
0

考慮文件夾A與圖像「image.jpg文件」和文件夾B與HTML頁需要訪問文件夾A圖像中的HTML來顯示圖像。在另一個文件夾訪問的文件夾中的局部圖像通過一個頁面陣營

下面的代碼工作

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

但是,當我遍歷一個JSON類似,

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

它們分配給各州和注入陣營組件一樣,

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

這不幹活只得到「無法找到模塊../A/image.jpg」,我不知道爲什麼。預先感謝解決方案。

+0

怎麼樣,當你使用''? – Ejaz

+0

@Ejaz沒有,這是行不通的。圖像未加載。請參閱http://stackoverflow.com/questions/42580130/display-images-in-react-using-jsx-without-import/42580202#42580202 – Gayathri

回答

0

它不會起作用,因爲RequireJS使用正則表達式匹配這樣

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

,並預計你的論點是一個說明性文字字符串。

+0

我不明白的邏輯依然。我實際上喜歡它無法找到該相對URL中的模塊。即使模式而言,當我試圖用封閉通過串聯引號的URL,它也不管用。你能建議一種方法來解決這個問題嗎? – Gayathri

相關問題