：「不明なモジュールが必要な」

Question

を私は、ランダムなカードの画像を生成しようとしている - this.generateRandomCardから返された文字列に応じた - しかし、私は次のエラーを取得しています：

「必要と

注：require（ './ card_images/7S.png'）を使用すると、パッケージを再起動するか、または「npm install」を実行してみてください。 ）が動作します

ここに私のコードです：

render: function() { 
    var card = require('./card_images/' + this.generateRandomCard() + '.png'); 
    return (
    <View> 
     <Text>{this.generateRandomCard()}</Text> 
     <Image source={card}/> 
    </View> 
); 
} 

助けてくれてありがとう！

Answer 1

別の方法でランダム化する必要があります。

//define a list of images in component constructor 
this.rImages = [require('random/image1.png'),require('random/image2.png'), ... etc] 

その後で機能

//generate random integer between 0 and rImages.length 
var randomInt = Math.floor(Math.random() * this.rImages.length) 
var rImage = this.rImages[randomInt] 
<Image source={rImage}/>