在RadioGroup中传递几个值

时间:2018-09-04 05:13:16

标签: react-native

对单选按钮使用了react-native-flexi-radio-button https://github.com/thegamenicorus/react-native-flexi-radio-button,这很棒,但是想知道是否可以传递其他值,例如索引和值道具。

例如,在这里我们可以获得选定的索引和选定的值。但是我想知道是否也可以将其他道具(例如下面json中的id)传递给radioGroup。我也想传递ID。我该怎么办?

onSelect(index, value) {
    console.log('selected index and value', index + value);
}

<View style={styles.border}>
    <RadioGroup
      onSelect={(index, value) => this.onSelect(index, value)}
    >
      {this.state.foodList.map(item1 => {
        return (
          <RadioButton value={item1.food}>
            <Text>{item1.food}</Text>
          </RadioButton>
        );
      })}
    </RadioGroup>
</View>

Json数据

{"foodList": [
    {
      "id": 40,
      "food": "Bagels",
    },
    {
      "id": 27,
      "food": "Beverage",
    },
    {
      "id": 5,
      "food": "Burger",
    }
]}

0 个答案:

没有答案