如何在React Native中仅显示特定数组项的详细信息

Question

我只想在单击时显示数组项中的其余字段。但是通过单击一个按钮可以显示所有项目的详细信息

<View>
{this.state.myarray.map((data) => (
  <View key={data.id}>
    <Text>{data.name}</Text>
    <TouchableOpacity onPress={this.showDetails}>
      <Text>Show</Text>
    </TouchableOpacity>
  </View>
))}

Answer 1

如果我正确理解，则当您单击一项时，它会显示所有项的详细信息。好吧，因为所有项目共享状态。您需要创建一个组件，地图每次都会渲染，因此每个项目都有自己的状态。因此，当单击该项目时，其自身的状态就会改变，这样只有他才能显示更多详细信息。