react-native onPress() 在循环组件渲染上自动切换

Question

我正在遍历 native-base <Card dataArray={data} /> 组件，使用按钮渲染一些组件。它工作正常（按预期列出所有组件）但我很快向 Button 添加了一个 onPress 事件并得到了一个自动 onPress 错误，这很奇怪运行s（点击因此运行s 有界函数）仅一次，而假设使用这些按钮呈现的组件很多。

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

react-native onPress() 在循环组件渲染上自动切换

react-native onPress() toggles automatically on a loop component rendering

reactjs

react-native

native-base