xxxxxxxxxx
npm install react-currency-format --save --force //Install on your project.
//Import On Your project
//ES6
import CurrencyFormat from 'react-currency-format';
//ES5
const CurrencyFormat = require('react-currency-format');
//Typescript
import * as CurrencyFormat from 'react-currency-format';
//Usage Example
<CurrencyFormat
renderText={(value) => (
<>
//Your Code.
</>
)}
decimalScale={2}
value={0}
displayType={'text'}
prefix={'$'}
/>
xxxxxxxxxx
const priceSplitter = (number) => (number && number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','));
console.log(priceSplitter(72500));
Run code snippet
xxxxxxxxxx
const priceSplitter = (number: number) =>
number && number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
export function currencyFormatter(value: string) {
if (Boolean(value)) {
let currencySymbol = value?.charAt(0),
rate =
value?.indexOf("/") !== -1 ? value?.slice(value?.indexOf("/")) : "",
trimmed =
value?.indexOf("/") !== -1
? value?.slice(1, value?.indexOf("/"))
: value?.slice(1),
currencyValue = Number(trimmed),
formattedValue = priceSplitter(currencyValue);
return currencySymbol + formattedValue + rate; //==> $72,500/hr
}
return value;
}
console.log(currencyFormatter("$72500/hr"));
xxxxxxxxxx
<CurrencyFormat value={4111111111111111} displayType={'text'} format="#### #### #### ####" />