使用选择器时，下拉菜单对我不起作用

Question

这是代码的简化，但我有几个选择器，它们对我来说不能正常工作，我不知道我做错了什么。

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>
       </>
     );
}

Answer 1

我安慰记录了 onValueChange 返回的内容

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

得到一个字符串

madrid

因此你需要做的就是改变这个

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

到此。

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

现在一切正常，只需删除此处的 brackets.Full 示例 (https://snack.expo.dev/@heytony01/insane-pretzel)

使用选择器时，下拉菜单对我不起作用

when using picker the dropdown is not working for me

picker

react-native

expo