react-native：onViewableItemsChangedからrenderItemに渡す方法をフラットリストにする

Question

onViewableItemsChangedが呼び出されたときにrenderItemのコンポーネントをFlatListに操作しようとしています。

私のコードは次のようになります。

<FlatList 
    data={this.props.data.allPosts.nodes} 
    ListHeaderComponent={() => this.props.listHeader} 
    onViewableItemsChange={this.onViewableItemsChanged} 
    renderItem={({item}) => 
     <View style={{ marginBottom: 12 }}> 
      <Video lights={true} 
       ref={(ref) => this[`postRef_${item.key}`] = ref} 
      /> 
     </View> 
    }     
/> 


onViewableItemsChanged = ({viewableItems}) => { 
    viewableItems.forEach((item) => { 
     const { isViewable, key } = item; 

     if(isViewable) { 
      const ref = this[`swiperRef_${key}`]; 

      if(!ref) return console.log('Ref not found'); 
       console.log('ref', ref) 
       ref.paused = false 
     } 
    }); 
} 

私の問題は、参照はundefinedを返し続けるということです。それのまわりで何か？

Answer 1

私はあなたが "参照" によって何を意味するかわかりませんが、あなたがconst ref = this[swiperRef_${key}];

を参照している場合は、

this.onViewableItemsChanged = this.onViewableItemsChanged.bind(this)

または

onViewableItemsChange={this.onViewableItemsChanged.bind(this}経由onViewableItemsChangedへthisを拘束しましたか？