変数を見つけることができません：props（react-native）

Question

私の反応ネイティブプロジェクトにイメージスライダーを作成しようとしていますが、なぜ私にこのエラーを送信し続けているのか分かりません：ReferenceError：Can not変数を見つける：私が次のコンストラクタを持っているときにpropsを呼び出してレンダリングする。

constructor(props){ 
super(props) 
    this.state = { 
    imagesSlider: [ 
    require('../images/1.jpg'), 
    require('../images/2.jpg') 
    ] 
    } 
} 

render() { 
return (
    <Swiper style={styles.slide} autoplay> { 
    this.state.imagesSlider.map(function(item,i){ 
    <View key={i}> 
    <Image source={props.item}/> 
    </View> 
    }) 
    } 
    </Swiper> 
); 
} 

Answer 1

あなたは 'this'を使ってあなたのpropsと状態変数を参照するべきです。あなたは小道具は、この文脈の中で利用できるようになります代わりに、直接小道具にアクセスすることはできません

<Image source={this.props.item}/> 

Answer 2

：だからあなたにに変更する必要があります。したがって、this.propsを使用して、propsを直接使用するのではなく、propsから値を取得してください。あなたはあなたの解決のために次のコードを変更する必要があります： -

render() { 
return (
    <Swiper style={styles.slide} autoplay> { 
    this.state.imagesSlider.map(function(item,i){ 
    <View key={i}> 
    <Image source={this.props.item}/> ===> this needs to be changed to get the value of item from props. 
    </View> 
    }) 
    } 
    </Swiper> 
); 

UPDATE： -

をコメントによると、あなたがからアイテムを取得するのではなく、状態変数のマップからアイテムを使用している場合、小道具の場合、コードを以下のように変更する必要があります： -

render() { 
return (
    <Swiper style={styles.slide} autoplay> { 
    this.state.imagesSlider.map(function(item,i){ 
    <View key={i}> 
    <Image source={item}/> ===> this needs to be changed to get the value of item from the map of state variable. 
    </View> 
    }) 
    } 
    </Swiper> 
);