react-native 3.0的输入框中的可搜索下拉值未更新答案

【问题标题】：Searchable drop down value not getting updated in inputbox in react-native 3.0react-native 3.0的输入框中的可搜索下拉值未更新
【发布时间】：2019-06-06 08:04:13
【问题描述】：

我正在尝试实现可搜索的下拉组件并且能够成功实现。但是遇到一个问题，虽然从列表中选择了一个值，但它没有在输入框中更新。

我正在关注以下组件并实现了相同的代码。

https://www.npmjs.com/package/react-native-searchable-dropdown

如果有人有想法。请帮我。提前致谢！

【问题讨论】：

标签： android react-native dropdown

【解决方案1】：

您需要在 SearchableDropdown 组件中使用 selectedItems 道具。

  const [utilizedDivName, setUtilizedDivName] = useState('');
  const [utilizedList, srtUtilizedList] = useState([]);
  
 <SearchableDropdown
          onItemSelect={(item) => { setUtilizedDivName(item) }}
          selectedItems={utilizedDivName}
          containerStyle={{ padding: 5 }}
          itemStyle={{
              padding: 10,
              marginTop: 2,
              backgroundColor: '#ddd',
              borderColor: '#bbb',
              borderWidth: 1,
              borderRadius: 5,
            }}
            itemTextStyle={{ color: '#222' }}
            itemsContainerStyle={{ maxHeight: 140 }}
            items={utilizedList}
            resetValue={false}
            textInputProps={
              {
                placeholder: "Please Choose Utilized Division",
                underlineColorAndroid: "transparent",
                style: {
                    padding: 12,
                    borderWidth: 1,
                    borderColor: '#ccc',
                    borderRadius: 5,
                },
                // onTextChange: text => alert(text)
              }
            }
            listProps={
              {
                nestedScrollEnabled: true,
              }
            }
        />

【讨论】：