TextInput entered data is not visible using react native

Question

<TextInput value="test" palceholder="Enter text"></TextInput>

Here in this TextInput component if i remove the "value" attribute then user entered data is visible properly .But i can't remove this "value" attribute bacause while retrieve the data i am using this "value" attribute to place the saved value

jevakallio · Accepted Answer · 2015-11-03 12:00:20Z

1

TextInput is a controlled component, which means that if you want to set its value, you need to then manage its value yourself.

At its simplest, you can listen to the onChangeText event to be notified when user types into the input, and store the current value in the component state:

<TextInput
  onChangeText={currentValue => this.setState({currentValue})}
  value={this.state.currentValue}
  />

The latest value is then always available as this.state.currentValue, and you can update the value by this.setState({currentValue: yourSavedValue}).

answered Nov 3, 2015 at 12:00

jevakallio

36k4 gold badges109 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

TextInput entered data is not visible using react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related