javascript - 每个 child 独特的“ key ” Prop

我收到此警告：


  警告：列表中的每个孩子都应该有一个唯一的“关键”道具。

render() {
    const exercises = this.state.Exercises.map(exercise => {
      return (
        <View>
          <Text style={{ fontSize: 15 }}>Id: {exercise.Id} </Text>
          <Text style={{ fontSize: 15 }}>Ripetizioni: {exercise.Reps}</Text>
          <Text style={{ fontSize: 15 }}>Note: {exercise.Notes}</Text>
          <TouchableOpacity
            style={[styleButton.button, styleButton.buttonOK]}
            onPress={() => this.checkAttività(exercise.Id)}
          >

我该如何解决？

最佳答案

您只需要在View中添加唯一键即可

<View key={exercise.Id}>