arrays - 如何在本机反应中仅显示特定数组项的详细信息

Question

我只想在单击时显示我的数组项中的剩余字段。但它通过单击一个显示所有项目的详细信息

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

标签： arraysreact-native

Answer 1

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