Home > database >  when using picker the dropdown is not working for me
when using picker the dropdown is not working for me

Time:12-15

This is a simplification of the code but I have several pickers and they don't work correctly for me, I don't know what I'm doing wrong.

import { Picker } from '@react-native-picker/picker';

export default function ProfileScreen() {

  const [ province, setProvince ] = useState("madrid")

     return (
       <>
           <View style={styles.picker_and_inputs}>
               <Picker
                  selectedValue={province}
                  onValueChange={(value, itemIndex) => setProvince({value})}
                  mode="dropdown"
               >
                  <Picker.Item label="Madrid" value="madrid" />
                  <Picker.Item label="Barcelona" value="barcelona" />
                  <Picker.Item label="Cataluña" value="cataluña" />
               </Picker>
          </View>
       </>
     );
}

CodePudding user response:

I consoled logged what onValueChange was returning

onValueChange={(value, itemIndex) => console.log(value)}

and got a string

madrid

Thus all you need to do is change from this

onValueChange={(value, itemIndex) => setProvince({value})}

to this.

onValueChange={(value, itemIndex) => setProvince(value)}

Everything works fine now just remove those brackets.Full Example here (https://snack.expo.dev/@heytony01/insane-pretzel)

  • Related