react-native onPress（）はループコンポーネントのレンダリングで自動的に切り替えます

Question

ネイティブベース<Card dataArray={data} />コンポーネントをボタンでいくつかレンダリングしています。私はすぐにボタンにonPressイベントを追加し、自動的にonPressのバグを得ました（それは、クリック数に制限された関数を実行します）。それらのボタンでレンダリングすることは多くあります。

//- Inside constructor I bind testLogs 
 
this.testLogs = this.testLogs(this); 
 

 
//- Outside render... 
 
testLogs(value) { 
 
    console.log(value); 
 
} 
 

 
//- Inside return of render() 
 

 
<Card dataArray={devices} 
 
    renderRow={(theme) => 
 
    <CardItem> 
 
     {(theme.picture) ? 
 
     <Thumbnail size={100} source={theme.picture} />: 
 
     <Thumbnail size={100} source={defaultImage} /> 
 
     } 
 
     <Text style={{fontSize: 16}}> {theme.name} </Text> 
 
     <Button primary style={{marginRight: 10}}> Command </Button> 
 
     <Button success onPress={this.testLogs} > Edit </Button> 
 
    </CardItem> 
 
    }> 
 
</Card>

私はまた、彼らは、レンダリングした後、私はそれらをクリックすると、すべてのレンダリングされたコンポーネントがonPress={this.testLogs}バインド機能を実行していないと言う必要があります。

これを引き起こす原因は何ですか？または、ループレンダリングはこれに最善のアプローチではありませんか？

ありがとうございます。

Answer 1

onPress = {this.testlogs.bind（this）}を使用