임의의 카드 이미지 렌더링 :

Question

나는 임의의 카드 이미지를 생성하기 위해 노력하고있어 "알 수없는 모듈을 요구하는"- 문자열에 따라이 this.generateRandomCard에서 반환을 -하지만 난 다음 오류 받고 있어요 :

"요구하는을 알 수없는 모듈 "./card_images/7S.png"입니다. 모듈이있는 것이 확실하면 포장기를 다시 시작하거나 "npm install"을 실행하십시오.

참고 : require ('./ card_images/7S.png') 작동 여기

내 코드입니다.

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