React Native Dropdown Picker 默认值

Question

有人有使用react-native-dropdown-picker库中的hooks和function设置默认值的例子吗？或者有其他库可以更简单地实现这个功能。

export default function OrphanageData() {

const [date, setDate] = useState(new Date())
const [value, setValue] = useState();
const [items, setItems] = useState([{}]);
let controller;

返回（

<>
     <StatusBar backgroundColor="#15c3d6"/>

    <ScrollView style={styles.container} contentContainerStyle={{ padding: 24 }}>
    
        <Text style={styles.title}>Compras</Text>
        

        <Text style={styles.label}> ID - Brinco</Text>
        <TextInput
            style={styles.input}
        />

    <DropDownPicker
        items={items}
        controller={instance => controller = instance}
        onChangeList={(items, callback) => {
            new Promise((resolve, reject) => resolve(setItems(items)))
                .then(() => callback())
                .catch(() => {});
        }}
    
        defaultValue={value}
        onChangeItem={item => setValue(item.value)}
    />    

      

        <RectButton style={styles.nextButton} onPress={() => {}}>
            <Text style={styles.nextButtonText}>Cadastrar</Text>
        </RectButton>
    </ScrollView>
</>

) }

- Lucas Noleto

---

您的问题不太清楚，您可以使用数组中的值字段与默认值进行匹配，能否解释一下您的需求？ - Guruparan Giritharan

Answer 1

这可能会有帮助（使用 Hooks）。

export default function OrphanageData() {

  const [value, setValue] = useState('usa');
  const [items, setItems] = useState([
         {label: 'USA', value: 'usa'},
         {label: 'UK', value: 'uk'},
         {label: 'France', value: 'france'},
    ]);

  return(
    <DropDownPicker
          items={items}
          defaultValue={value}
          onChangeItem={item => setValue(item.value)}
          .....
    />
  );
}

- Nooruddin Lakhani