How do I get the value in TextInput when onBlur is called?

Question

In React native, I want to pass the value of the TextInput in the onBlur event handler.

onBlur={(e) => this.validateText(e.target.value)}

<

Answer 1

In React Native, you can get the value of the TextInput from e.nativeEvent.text.

Unfortunately, this doesn't work for multiline={true}. One hack around this is to maintain a ref to your TextInput and access the text value through the _lastNativeText property of the component. For example (assuming you've assigned your TextInput component a ref of "textInput"):

onBlur={() => console.log(this.refs.textInput._lastNativeText)}