Как получить метки для радиокнопки из массива в React Native?

Question

У меня есть пример радиопереключателя из интернета . Но ниже я пишу только то, что использовал. Но теперь мне нужно иметь метки из массива строк

Я не совсем уверен, как мне этого добиться, надеюсь, мне кто-нибудь поможет.

библиотека

import RadioForm, {
  RadioButton,   
  RadioButtonInput,   
  RadioButtonLabel 
} from 'react-native-simple-radio-button';

этикетки

var hobbies = [
  {label: "Teasing", value: 0},
  {label: "Catching plate", value: 1},
  {label: "Soaking in the mud", value: 2},
];

вид

<View style={styles.container}>
    <RadioForm
      radio_props={hobbies}
      initial={0}
      onPress={(value) => alert(value)}}
    />
  </View>

куда он должен идти

{this.state.involvedFriends.map((name, key) => (
   <View>
      <RadioForm />
   </View>
 ))}

Answer 1

Вы можете сделать массив хобби в конструкторе следующим образом:

//define an empty array
private hobbies = [] 

makeOtions = () => {    // call it after involvedFriends is initialized.
    this.state.involvedFriends.map((name, key) => (
        hobbies.push({label: name, value: key}}
    ))
}

Теперь вы можете передавать хобби на радио по radio_props={this.hobbies}