How to use options with key of arrays.

[jhon312020]

As per your example
const options = [
'Option 1',
'Option 2'
];

const options = [
{id:1, answer: 'Option 1'},
{id: 2, answer: 'Option 2'}
];
In this case I get selected value as false in renderOption. How to get selected value for the above set of options.

[irmela]

I have the same problem as I need to pass key value pairs to options.

[jhon312020]

You can use this function
function checkEqual(selectedOption, currentOption) {
if (selectedOption.id == currentOption.id)
return true;
}
In the render portion you can call the function with the parameter testOptionEqual
<RadioButtons
options={ options }
onSelection={ setSelectedOption.bind(this) }
selectedOption={this.state.selectedOption }
renderOption={ renderOption }
renderContainer={ renderContainer }
testOptionEqual = { checkEqual }
/>
This is how I made it to work.

[giantss]

@ArnaudRinquin I am curious why can't I accept array objects like this

const options = [
          {
              label: 'Option 1',
              value: 'opt1'
          },
          {
              label: 'Option 2',
              value: 'opt2'
          },
          {
              label: 'Option 3',
              value: 'opt3'
          },
          {
              label: 'Option 4',
              value: 'opt4'
          },
          {
              label: 'Option 5',
              value: 'opt5'
          },
          {
              label: 'Option 6',
              value: 'opt6'
          }
      ];

[motogod]

@giantss If you want to pass an array of objects, you have to add this code extractText={ (option) => option.label } in your <SegmentedControls />