如何在 TextInput 内部的 react native 中使用两个 onChangeText

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}
/> 

在上面的代码中，我使用了两个Onchagnetext事件，但仅在调用验证的事件工作上，另一个不起作用意味着不获取值。 为什么如何修复它。 如何使用两个 Onchangetext 事件？

Answer 1

你不需要两个onChangeText方法。

如果你想一起验证和使用setState，那么你可以做

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

setState中的回调可确保在setState完成更新state后调用该方法