javascript - Getting value selected when using react-native-modal-dropdown - Stack Overflow

admin管理员组

文章数量:1406052

I am storing user text input into states like so

<TextInput
    placeholder = "Hello"
    onChangeText = {(text) => this.setState({greeting: text})}
/>

I want to do a similar thing using react-native-modal-dropdown.

<ModalDropdown
    style = {styles.enterSearch}
    options = {this.state.gasOptions}
    onSelect {(renderButtonText) => this.setState({gas: renderButtonText})}
/>

With this code I can select what option I want but I cannot find a way to get the value of the text option selected.

Any help would be great.

I am storing user text input into states like so

<TextInput
    placeholder = "Hello"
    onChangeText = {(text) => this.setState({greeting: text})}
/>

I want to do a similar thing using react-native-modal-dropdown.

<ModalDropdown
    style = {styles.enterSearch}
    options = {this.state.gasOptions}
    onSelect {(renderButtonText) => this.setState({gas: renderButtonText})}
/>

With this code I can select what option I want but I cannot find a way to get the value of the text option selected.

Any help would be great.

• javascript
• react-native

Share Improve this question Follow edited Jul 10, 2018 at 21:22 paulgio asked Jul 10, 2018 at 21:04 paulgiopaulgio 72222 gold badges88 silver badges2323 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

For some reason you have to put String in front of the value for it to actually read it correctly. This took me a while to figure out so I hope it helps someone else out.

 <ModalDropdown
        style = {styles.enterSearch}
        options = {this.state.gasOptions}
        onSelect {(value) => this.setState({gas: (String(this.state.gasOptions[value]))})}
    />

本文标签： javascriptGetting value selected when using reactnativemodaldropdownStack Overflow