React native 当我单击超过5个数字时，如何设置警报？

我正在开发一个页面，顶部有数字键盘，底部有文本输入！无论何时按下Numpad上的按钮，它都会显示在下面！单击更多5号后，它将显示警报如何可能

我试着用一个长度

maxLength={5}
onChangeText={（）=>{
让Id=this.state.Id.toString（）
如果（Id长度>5）{
警报。警报（'请输入5位数的Id号'）
}
}}
>{this.state.id}

我假设它是一种由0-9位数字组成的电话键盘类型。 因此，在每个按钮/可触摸按钮上，都会有一个onPress处理程序

MAX_LENGTH=5;
addNumber=(number)=>{
   const {listOfNumbers}=this.state;
   if(listOfNumbers.length===MAX_LENGTH){
     Alert.alert('5 numbers only');
   }else{
     this.setState({
      listOfNumbers:[...listOfNumbers,number]
     });
   }
}

<Touchable onPress={e=>this.addNumberToList(<some number between 0,9>)}>
   ....
</Touchable>

最大长度=5；
addNumber=（number）=>{
const{listofNumber}=this.state；
if（listofNumber.length==最大长度）{
警报。警报（“仅限5个数字”）；
}否则{
这是我的国家({
ListofNumber:[…ListofNumber，number]
});
}
}
this.addNumberToList（）}>
....

为什么要转换为字符串

让Id=this.state.Id.toString（）

？您能更好地解释一下这里的问题吗？我不明白你的问题是什么，我的屏幕上有Numpad！每个按钮有1到9个数字，是一个可触摸的亮点！按下任何按钮时，以下数字显示在下面的文本输入中！当我单击5个以上的数字时，它会显示警报

MAX_LENGTH=5;
addNumber=(number)=>{
   const {listOfNumbers}=this.state;
   if(listOfNumbers.length===MAX_LENGTH){
     Alert.alert('5 numbers only');
   }else{
     this.setState({
      listOfNumbers:[...listOfNumbers,number]
     });
   }
}

<Touchable onPress={e=>this.addNumberToList(<some number between 0,9>)}>
   ....
</Touchable>