时间戳

首页 > 解决方案 > 使用按钮传递值

javascript - 使用按钮传递值

问题描述

我在数组中有我的数据库值。

"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 值。在这个意义上：

编号：01

代表：

备注：...

按钮1

编号：02

代表：

备注：...

按钮2

如果我单击 button1，我将传递 Id (01) 的值。我能怎么做？谢谢你。

标签： javascriptreact-native

解决方案

你可以这样做。只需绑定事件，您就可以传递任何参数。

onPress={ this.someEvent.bind(this,exercise.Id)}

someEvent(id){
   console.log("You will get the id: ",id);
}

推荐阅读