react-phonenumber-select

Telephone number input React component. Made with jquery and select2.

Install

1npm i @jeyserver/react-phonenumber-select

Usage

1import React, { useState } from 'react'
2import { ReactPhonenumber } from 'reactphonenumber2'
3
4const countries = [
5  { code: 'IR', name: 'Iran', dialingCode: '98' },
6  { code: 'AF', name: 'Afghanistan', dialingCode: '93' },
7  { code: 'AL', name: 'Albania', dialingCode: '213' },
8  { code: 'AS', name: 'American Samoa', dialingCode: '1684' }
9]
10
11const App = () => {
12  const [phoneNumber, setphoneNumber] = useState<string>('')
13
14  const changePhoneNumber = (phoneNumber: string, selected:any) => {
15    console.log(JSON.stringify({
16      phoneNumber, selected
17    }, null, 2))
18  }
19
20  return (
21    <div>
22      <ReactPhonenumber
23        onChange={changePhoneNumber}
24        countries={countries}
25        defaultCode="IR"
26      />
27    </div>
28  )
29}
30
31export default App