如何在 textinput 中使用两个 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[=15= 后调用该方法]

如何在 textinput 中使用两个 onChangeText 反应本机

how to use two onChangeText in react native inside textinput

textinput

react-native