獲取圖像到從本地源

Question

顯示，如果我在圖像的路徑像下面的A型圖像將加載：

<li><a href="#"><img src={require('../images/it.jpg')} /> 

，但如果我做動態它得到從JSON圖像URL，它只是不會工作，我得到這個錯誤錯誤：無法找到模塊「。」

const TopMovies = ({tops}) =>(

    <ul> 

<li><a href="#"><img src={require(tops.image)} /> 
</a></li> 
    </ul> 
    ); 
}; 
    export default TopMovies; 

Answer 1

從React Native Image Docs（我知道你的代碼是不是反應母語）

In order for this to work, the image name in require has to be known statically.

// GOOD 
<Image source={require('./my-icon.png')} /> 

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png'); 
<Image source={icon} />