显示的值在选择后不会在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”属性。添加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}
/>

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