“selecting本机下拉-选择器”不为multiSelect选择默认值，如果列表项已选择:true {label:"A"，值:1，selected:true}

Question

我尝试使用react-native-dropdown-picker的多选择特性，它可以很好地选择项目，我可以选择多个项，也可以得到它的值，但我的问题是不能在屏幕加载上显示defaultValue。

我从服务器获取数据，然后尝试在dropdown-picker上显示

const AccountSelection = (props) => {
      const [accountId, setAccount] = useState([])
      const [accountList, setAccountList] = useState([])
      const [defaultAccount, setDefaultAccount] = useState([])

      useEffect(() => {
        getAccounts()      
      }, [])

      const getAccounts = () => {
        axiosConfig.get('/accounts')
            .then((response) => {
                if (response.status == 200) {
                    const accountData = response.data.payload.data
                        const accountNames = accountData.map((item) => ({ label: item.name, value: item.id, selected: item.id == store.usersDefaultValues.account_id ? true : false }))
                        setAccountList(accountNames)
                        setDefaultAccount(accountNames.find(item => item.selected == true ? item.value : null))
                    }
                }
            })
            .catch((error) => {
                console.log("axios error", error);
            })
       }

       return (
                <View>
                    <DropDownPicker
                        placeholder="Select Account"
                        value={accountId}
                        items={accountList}
                        onChangeItem={(val) => setAccountId(val)}
                        defaultValue={defaultAccount}
                        multiple={true}
                        activeItemStyle={{ backgroundColor: '#F5CCF8' }}
                    ></DropDownPicker>
                </View>
        )
 }

在屏幕加载时，我会得到空白的下拉选择器，它应该显示1 Item Selected。

​

​

在react-native-dropdown-picker中的DropDownPickerProps中，可选的selected键是可用的，但它不能工作。

items: {
      label: any;
      value: any;
      icon?: () => JSX.Element;
      hidden?: boolean;
      disabled?: boolean;
      selected?: boolean;
    }[];

如果有人有这方面的解决方案，请分享。谢谢。

Answer 1

defaultValue属性在react-native-dropdown-picker中不再受支持。如果要选择默认值，只需将' value‘变量设置为默认值的value。

您可以在本期阅读更多内容：https://github.com/hossein-zare/react-native-dropdown-picker/issues/511#issuecomment-1049110163。