【问题标题】:how to use two onChangeText in react native inside textinput如何在文本输入中使用两个 onChangeText 在本机反应
【发布时间】:2018-09-19 11:12:31
【问题描述】:
<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 事件?

【问题讨论】:

  • 你想让他们两个同时工作吗?

标签: react-native textinput


【解决方案1】:

您不需要两个onChangeText 方法。

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

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-22
    • 1970-01-01
    相关资源
    最近更新 更多