PickerIOS selectedValue reset when change value

[AlexiaTorres]

When I change selected option, it resets to first.
For example if this.props.center is C and i have:
A
B
C <-
D
E

I start with C selected, i change to E for example, state on console.log is E but it shows A selected.

React Native version:
0.57.1

Here is my code:

constructor(props) {
        super(props);
        this.state = {
            selectedCenter: this.props.center
        };
    }

    render() {
        if (this.props.centers) {
            return (
                <View style={{backgroundColor: '#008590d9'}}>
                    <PickerIOS
                        selectedValue={this.state.selectedCenter}
                        style={styles.select}
                        onValueChange={(itemValue, itemIndex) => {
                            console.log(itemValue);
                            this.setState({selectedCenter: itemValue});
                        }}>
                        {
                            this.props.centers.map((center) => {
                                console.log(this.state.selectedCenter);
                                return <PickerIOS.Item key={center.id} title={center.name} label={center.name}
                                                       value={center}/>
                            })
                        }
                    </PickerIOS>
                </View>
            )
        }
    }

[ltphan]

I would take a look at this screenshot for why it would be set initially to A instead of the value you wanted:

This is the link to the problem you could possibly be having:
https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html

I'm not an expert in this as I am just learning React-Native myself, you have seem to initialized a state to a prop input and to update it on onValueChange for the selected centre. However PickerIOS accepts multiple props from the documentation and we can see that if any of those props change, the component itself will re-render, which will lose the value you wanted to set it to.

I hope that is clear!

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.