Erste Bilder aus einer lokalen Quelle

Question

Ein Bild wird geladen, wenn ich wie unten in dem Pfad des Bildes zur Anzeige:

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

, aber wenn ich es tue dynamisch, wo es die Bild-URL von JSON wird, es wird einfach nicht funktionieren, ich bekomme diesen Fehler Fehler: Modul "."

const TopMovies = ({tops}) =>(

    <ul> 

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

Answer 1

Vom React Native Image Docs (Ich weiß, dass Ihr Code nicht reagieren-native) nur

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} />