javascript - 防止用户删除 TextInput 上的默认值

Question

我最近刚刚开始学习react-native，我遇到一个问题，我试图制作一个简单的文本框，供用户在前面输入预定义默认值的电话号码(国家/iso代码电话号码) 。我尝试过使用 react-native-phone-input 和基本文本输入。如何防止用户删除默认值？

代码是这样的

<PhoneInput
          ref={(ref) => {
              this.phone = ref;
          }}
          allowZeroAfterCountryCode={false}
          value= "+44"
          initialCountry='uk'
          onPressFlag={this.onPressFlag}
          onChangePhoneNumber={(number) => this.setState({phone: number})}
  />

Answer 1

您可以创建一个控制输入的函数:

onChangePhoneNumber={(number) => this.onChangeInut(number)}

实现:

onChangeInput = (number) => {
   if(number.substring(0,3) == '+44'){
      this.setState({phone: number})
   }
}