SegmentedControls initial option setting doesn't work

[AdamBroos]

I want to set initial selected option to SegmentedControls.

options = [
{
label: 'user1',
value: 'user1'
},
{
label: 'user2',
value: 'user2'
}
]

constructor(props) {
super(props);
this.state = {
selectedOption: {label: "user1", value: "user1"},
}
}

<SegmentedControls
options={ options }
onSelection={ setSelectedOption.bind(this) }
selectedOption={ this.state.selectedOption }
extractText={ (option) => option.label }
testOptionEqual={(selectedValue, option) => selectedValue === option.value}
/>

However, when app is started initial option is not applied to SegmentedControls.
Even though I remove testOptionEqual props, it shows same result.

What's the problem?

[PManager1]

I faced the exact same issue.

[geronimo794]

I face the same issue but i fix it some code

i set my state with segment selected value :
function setSelectedOption(selectedOption){ this.setState({ selectedOption:selectedOption.value }); }

then i add this
testOptionEqual={(selectedValue, option) => this.state.selectedOption == option.value }
to my component

<SegmentedControls options={ options } onSelection={ setSelectedOption.bind(this) } selectedOption={ this.state.selectedOption } extractText={ (option) => option.label } testOptionEqual={(selectedValue, option) => this.state.selectedOption == option.value } />

I think there is issue with selectedValue variable return empty