react-number-formatter v1.0.20

react-number-formatter

This react input component automatically formats phone numbers inside input and returns the number you actually typed.

Installation

Run this command in your terminal

npm add react-number-formatter

Usage

import { NumberFormatter } from 'react-number-formatter';

const [number, setNumber] = useState();

//for typescript
const [number, setNumber] = useState<string | number>();

<NumberFormatter
  value={number}
  initialFormat={true}
  getValue={(n: string) => setNumber(n)}
/> 

You can create your own format too.

<NumberFormatter
  format={"+1 (###)-(###)-####"}
  value={number}
  getValue={(n: string) => setNumber(n)}
/>