从 React本机应用程序开发中的 ModelDrop 获取文本

Question

我想知道如何在选择一个选项时从ModelDropdown中检索文本：

import ModalDropdown from 'react-native-modal-dropdown';
...
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
category: '',    
}
}
updateCategory(newCategory) {
this.setState({
category: newCategory
})
}
....
<ModalDropdown 
style={{padding: 20}}
options={['Electronics', 'Furniture']}
textStyle={{fontSize: 20, color: 'black', fontWeight: 'bold',}}
dropdownTextStyle={{fontSize: 20, backgroundColor: '#FFF', color: 'black'}}
defaultValue = 'Select Category'
onSelect={(newCategory) => this.updateCategory(newCategory)}
/>

我得到的索引值，例如电子产品为"0"，家具为"1"。 我想获得与该索引相对应的文本。

或者是否有任何替代模型下拉列表可以帮助我完成此任务？

Answer 1

由于您正在获取相应的索引，因此可以轻松地从选项数组中获取值，只需将其设置为状态或某个全局变量即可。 你可以做这样的事情。

constructor(props) {
super(props);
this.state = {
options:['Electronics', 'Furniture'],    
}
}

然后在更新类别中像这样取值

updateCategory(newCategory) {
this.setState({
textValue: this.state.options[newCategory]
})
}