react-native - 选择后显示的值在 react-native-picker-select 中没有变化

Question

当我在 RNPickerSelect 中选择一个选项时，该值不会更新。

<RNPickerSelect
    key={comp}
    fixAndroidTouchableBug={true}
    useNativeAndroidPickerStyle={true}
    onValueChange={(value) => {
        setComp(value);
    }}
    style={pickerStyle}
    placeholder={{
       label: 'Select item',
       value: comp,
    }}
    items={companies}
    doneText="Valider"
/>

Answer 1

https://github.com/lawnstarter/react-native-picker-select

您需要添加一个“值”属性。添加 value 属性有助于选择器找到并显示选定的值。像这样的东西：

<RNPickerSelect
    key={comp}
    fixAndroidTouchableBug={true}
    useNativeAndroidPickerStyle={true}
    onValueChange={(value) => {
        setComp(value);
    }}
    style={pickerStyle}
    placeholder={{
       label: 'Select item',
       value: null,
    }}
    items={companies}
    doneText="Valider"
    value={comp}
/>

此外，您的占位符值应该为空，不等于状态值。