react-native - 反应本机Textinput输入最大长度值

Question

你如何设置这样的值？例如，数字字段必须小于 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-nativereact-native-textinput

Answer 1

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

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

在这里，如果值大于 50，该函数将发出警报，否则它将设置将更新文本框中的值的状态。