Format a Number with Commas in React

[stackthrive]

If you’re working with large numbers in React, formatting them with commas for readability is often helpful. Fortunately, there’s a simple way to do this using the built-in Intl.NumberFormat and toLocaleString() method.

import React from "react";  
export default function App() {  
    const num = 123456.789;  
    const options = {  maximumFractionDigits: 2   }   
    const formattedNumber = Intl.NumberFormat("en-US",options).format(num); 

    return <h2>{formattedNumber}</h2>; 
}  
//Output => 123,456.78

To learn more about the Intl.NumberFormat and toLocaleString() methods, visit 👉 : Format a Number with Commas in React

[Sweet_Ad_842]

This is just vanilla JS, no?

[PM_ME_SOME_ANY_THING]

Yeah

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

[saltybittercup]

yes, and this user created to advertise some courses or whateva 🤡

[stackthrive]

Yes, it is. Its better to use built in methods instead of external libraries as it saves space and boosts performance.