react-native - 如何在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 事件，但仅在调用验证的事件工作中使用，另一个事件不起作用意味着没有值(value)。为什么如何解决它。 如何使用两个 Onchangetext 事件？

Answer 1

您不需要两个 onChangeText 方法。

如果你想同时验证和使用 setState 那么你可以这样做

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

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