how to use two onChangeText in react native inside textinput

Question

<TextInput          
 placeholder="Full Name"
 onChangeText={userName => this.setState({ userName })} 
 onChangeText={text => this.validate(text, "username")}  
 underlineColorAndroid="transparent"
 style={[
         styles.TextInputStyleClass,
         !this.state.nameValidate ? styles.error : null
       ]}
 blurOnSubmit={false}
 autoFocus={true}
 autoCorrect={true}
 autoCapitalize="none"
 maxLength={25}
/>

in the above code, I use two Onchagnetext events but only on event work that calls validation another is not working means not take value. why how to fix it. how can I use two Onchangetext events?

Do you want both of them work at the same time?

Mojtaba Moshfeghi far
– Mojtaba Moshfeghi far

2018-09-19 11:38:19 +00:00
Commented Sep 19, 2018 at 11:38 — Mojtaba Moshfeghi far
– Mojtaba Moshfeghi far, Commented Sep 19, 2018 at 11:38

Pritish Vaidya · Accepted Answer · 2018-09-19 11:17:01Z

2

You don't need two onChangeText method.

If you want to validate and use setState together then you can do

   ...
   onChangeText={userName => this.setState({ userName },
    () => this.validate(username, 'username)})}

The callback in setState ensures that you are calling the method once the setState has finished updating the state

answered Sep 19, 2018 at 11:17

Pritish Vaidya

22.3k4 gold badges62 silver badges78 bronze badges

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

Collectives™ on Stack Overflow

how to use two onChangeText in react native inside textinput

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