按下按钮仅在React Native中的按钮的某些区域起作用

Question

大家好，             我正在从API中获取一些按钮，并根据其名称在视图中显示它们。每个都显示为

<TouchableHighlight style={styles.button} onPress={this.onBtnClick.bind(this, item.apiurl)} > 
<Text style={styles.Text}{item.displayName}</Text>                    
</TouchableHighlight>

除最后一次单击外，按钮单击在整个按钮上均不起作用。它仅适用于特定区域。我已经修改了UI的前几种方式并进行了检查。它仍然保持不变。      任何建议/改进都表示赞赏。

Answer 1

这是因为每次单击按钮时都绑定onBtnClick函数。

简单的解决方法是onPress={() => this.onBtnClick(item.apiurl)