A simple react component to format a phone number as the user types.
npm install react-phone-input --saveimportReactPhoneInputfrom'react-phone-input';React.render(<ReactPhoneInputdefaultCountry={'us'}onChange={handleOnChange)/>,document.getElementById('content'));Your handler for the onChange event should expect a string as
parameter, where the value is that of the entered phone number. For example:
functionhandeOnChange(value){this.setState({phone: value});}| Name | Description |
|---|---|
| defaultCountry | country code to initialize the component |
| excludeCountries | array of country codes to be excluded e.g. ['cu','cw','kz'] |
| onlyCountries | array of country codes to be included e.g. ['cu','cw','kz'] |
| preferredCountries | array of country codes to be preferred (highlighted at the top) e.g. ['cu','cw','kz'] |
