How can I loop the radio button through an array

Question

I'm using react-native-flexi-radio-button (https://github.com/thegamenicorus/react-native-flexi-radio-button) but I want to loop the radio buttons using the json values and its not working. Have a look at the code below. Thanks in advance

This works

<RadioGroup
  onSelect={(index, value) => this.onSelect(index, value)}>

  <RadioButton value={"item1"}>
    <Text>This is item #1</Text>
  </RadioButton>

</RadioGroup>

But the following gives cannot read property 'props' of null

<RadioGroup
  onSelect={(index, value) => this.onSelect(index, value)}
>
  {this.state.cuisinesByFoodList.map(item1 => {
    console.log("result", item1);
    <RadioButton value={"abc"}>
      <Text>{"abc"}</Text>
    </RadioButton>;
  })}
</RadioGroup>

P.S there's value in item1 in the console when debugged.

Ahsan Ali · Accepted Answer · 2018-09-03 05:58:39Z

2

You forgot to return the items.

<RadioGroup
  onSelect={(index, value) => this.onSelect(index, value)}
>
  {this.state.cuisinesByFoodList.map(item1 => {
    console.log("result", item1);
    return(<RadioButton value={"abc"}>
      <Text>{"abc"}</Text>
    </RadioButton>);
  })}
</RadioGroup>

answered Sep 3, 2018 at 5:58

Ahsan Ali

5,1352 gold badges19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I loop the radio button through an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related