In React Native 16.
Get input value
<Input
...
onChange={event => getValue(event)}
/>
Output value
const getValue = event => {
console.log(event.nativeEvent.text);
};
Add a comment
|
2 Answers
The Input component from react-native-elements is basically rendering the TextInput component. So you can use onChangeText instead of onChange like
import React, { Component } from 'react';
import { Input } from 'react-native-elements';
export default function UselessTextInput() {
const [value, onChangeText] = React.useState('Useless Placeholder');
return (
<Input
onChangeText={text => onChangeText(text)}
value={value}
/>
);
}
Hope this helps
1 Comment
michael_vons
Nice syntax !!. Great
Set value to the state.
const getValue = event => {
this. setState({text: event.nativeEvent.text});
};
Comments
