我想用intl-tel-input
E.164的格式返回一个电话号码。但是,它只显示我输入的值,不反映国家号码等。
我错过了什么吗?有什么我需要做的吗?
import 'intl-tel-input/build/css/intlTelInput.css'
import intlTelInput from 'intl-tel-input'
...
const _onSubmit = handleSubmit(() => {
const phoneInput = intlTelInput(intlTelRef.current)
console.log('phone number', phoneInput.getNumber())
// 222-222-222 => should be +1222222222
})
...
const intlTelRef = useRef<HTMLInputElement>(null!)
useEffect(() => {
intlTelInput(intlTelRef.current, {
utilsScript:
'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js',
})
}, [])
return (
<form onSubmit={_onSubmit}>
<FormInput
column
label="SMS"
placeholder="Enter your SMS"
type="tel"
ref={intlTelRef}
/>
</form>
)