javascript - 使用按钮传递值

Question

我的数据库中有数组值。

"ExercisesData": [
    {
      "Id": "01",
      "Reps": "10",
      "StartDate": "2019-06-20",
      "EndDate": "2019-06-21",
      "Notes": "...."
    },
    {
      "Id": "02",
      "Reps": "1",
      "Notes": "....."
    },
    {
      "Id": "03",
      "Reps": "150",
      "Notes": "......"
    }
  ]

我采用这些值并为它们创建一个按钮。像这样:

checkAttività (){
   //..... 
}

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

通过这种方式，我为数组中的每个值创建了一个按钮。我应该做的是创建一个按钮，它允许我传递与单击的键对应的 id 值。在某种意义上:

Id: 01

Reps:

Notes: ...

Button1

---

Id: 02

Reps:

Notes: ...

Button2

如果我单击按钮 1，我将传递 ID (01) 的值。我能怎么做？谢谢。

Answer 1

只需在 checkAttività 中添加 id 参数，例如:

checkAttività (id){
 //..... 
}

您已经使用过匿名函数，所以它应该可以解决问题:

onPress={() => this.checkAttività(exercise.Id)}

你还应该绑定(bind)你的事件，例如在构造函数中:

this.checkAttività = this.checkAttività.bind(this)