我想知道如何在选择选项时从Modal Dropdown检索文本:
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”。我想获得与该索引相对应的文本。
或者有没有替代ModelDropdown可以帮助我完成这项任务?
因为您获得了相应的索引,所以您可以轻松地从options数组中获取值,只需将其设置为state或某个全局变量即可。你可以做这样的事情。
constructor(props) {
super(props);
this.state = {
options:['Electronics', 'Furniture'],
}
}
然后在updateCategory中取这样的值
updateCategory(newCategory) {
this.setState({
textValue: this.state.options[newCategory]
})
}