反应本机Textinput输入最大长度值答案

【问题标题】：React native Textinput input max length value反应本机Textinput输入最大长度值
【发布时间】：2020-06-05 12:00:08
【问题描述】：

你如何设置这样的值？例如数字字段必须小于 50。

如何使用 maxLength={2} 属性，如何验证它.. 我希望输入数字应该小于 50

这是我的代码..

 ShowMaxAlert = (EnteredValue) =>{
    this.setState({number: EnteredValue});
      if(EnteredValue > 50)
      {
        alert('Maximum number')
      }
}

<TextInput style={styles.input}
keyboardType={"numeric"}
underlineColorAndroid='#fff'
placeholder={'num'}
maxLength={2}
placeholderTextColor={'#ccc'}
onChangeText={ EnteredValue => this.ShowMaxAlert(EnteredValue) }
value={this.state.number} />

【问题讨论】：

标签： react-native react-native-textinput

【解决方案1】：

maxLength 属性用于验证输入文本的最大长度，这里您的要求是根据最大数量进行验证。您的逻辑应该如下所示。

  ShowMaxAlert = (EnteredValue) => {
    if (EnteredValue < 50) {
         this.setState({number: EnteredValue});
    } else {
      alert('Maximum number');
    }
  };

如果值大于 50，函数会提示，否则会设置状态，更新文本框中的值。

【讨论】：