Получение текста из ModelDropdown в процессе разработки собственных приложений

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» для мебели.Я хотел бы получить текст, соответствующий этому индексу.

Или есть какая-нибудь альтернатива ModelDropdown, которая может помочь мне в выполнении этой задачи?

Answer 1

, поскольку вы получаете соответствующий индекс, так что вы можете легко получить значение из массива опций, просто установите его в состояние или какую-то глобальную переменную. Вы можете сделать что-то вроде этого.

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

и затем в updateCategory принять значение, подобное этому

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