使用React Native phone number Input验证电话号码

Question

如何格式化然后检查电话号码是否有效，以便使用React Native phone number Input进行更新？我使用isValidNumber函数来检查数字是否有效，但我想在使用onChangeFormattedText方法之前对其进行格式化：

export default class PhoneUserInput extends PureComponent {
...
render() {
return (
<PhoneInput
onChange={(value) => {
isValidNumber(value) ? updateNumber('phoneNumber', value) : value
}
defaultValue={defaultValue}
placeholder="Enter Phone Number"
defaultCode="US"
keyboardType="phone-pad"
withDarkTheme
withShadow
autoFocus
textContainerStyle={{
backgroundColor: 'black',
}}
textInputStyle={{
color: '#fff',
fontFamily: 'calibri',
fontSize: Fonts.sizes.header,
borderBottomWidth: 1,
borderBottomColor: 'rgba(255,255,255,0.3)',
}}
codeTextStyle={{
color: '#fff',
}}
flagButtonStyle={{
backgroundColor: '#000',
color: '#fff',
}}
/>
);
}
}

Answer 1

您可以像这样访问onChangeFormattedText

onChangeFormattedText={(text) => {
isValidNumber(text) ? updateNumber('phoneNumber', text) : text
setFormattedText(text);
console.log(text

}}