当使用拾取器时，下拉列表不适合我。

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)即可。