When updating props for value, do not change view

[Torippana]

Hi, first of all.
thank you for giving great picker library.
I have question that when updating props for
for example, if I use Array in state below( this Array got from Firebase )

state = { 
   example: [ {name: 'A'} ,  {name: 'B'} ,  {name: 'C'} ,  {name: 'D'}  ] 
} 
for(let i = 0; i < this.state.example.length; i++ {
    <RNPickerSelect value={this.state.example[i].name} /> 
}

Of cause, View (on simulator) is gonna be
picker has value below

A , B , C, D

but,when I modified Array using filter method or something

 state = { 
   example: [ {name: 'A'} ,  {name: 'B'} ,  {name: 'D'}  ] 
} 

View is gonna be

A , B , C

but I checked state was correct like below

 state = { 
   example: [ {name: 'A'} ,  {name: 'B'} ,  {name: 'D'}  ] 
} 

when I modified Array then render method working again but value of picker select still old....

please answer me thank you.

[Torippana]

this is my package json

"dependencies": {
    "firebase": "^4.6.2",
    "moment": "^2.22.2",
    "react": "16.2.0",
    "react-native": "0.53",
    "react-native-fetch-blob": "^0.10.8",
    "react-native-gifted-chat": "^0.4.3",
    "react-native-image-picker": "^0.26.4",
    "react-native-loading-spinner-overlay": "^0.5.2",
    "react-native-picker-select": "^3.1.2",
    "react-native-sentry": "^0.37.1",
    "react-native-vector-icons": "^4.6.0",
    "react-navigation": "^1.5.8"
  },
  "devDependencies": {
    "babel-jest": "22.4.3",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.3",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

[lfkwtz]

Please reproduce the issue you're having on snack.expo.io and then post it here. Thanks.

[Torippana]

https://snack.expo.io/@torippana/test-picker

I wanna explain about this problem but before I explain it, some small problem here I put link of snack expo.
it is not updating value. these have values but it does not show except [Select a ....]

[lfkwtz]

Sorry I don't understand the issue you're having. Your nameArray is initialized with strings that match the option's labels, not values. Maybe that's the issue? If not, please try to explain in more detail.

[kawashimaken]

I am not really understand this part

for(let i = 0; i < this.state.example.length; i++ {
    <RNPickerSelect value={this.state.example[i].name} /> 
}

And, as far as I can guess that it seems you want to change the picker select items dynamically, if that is the case, you need to simply update the state (in your case as mentioned above, add items to example array, or remove items from example array) and the react-native render will/should do the rest for you.

[lfkwtz]

closing due to inactivity

[d7laungani]

I have the same problem in that initially i have an array which is empty [] so no items show up in the dropdown . Then I make a network request and update the local state, which RN picker select is pulling from. I make sure that the state is update and state is re-rendered but the selection does not update with the new values of the updated state item.

[lfkwtz]

@d7laungani can you recreate the issue on snack.expo.io or share a repo?