Formatuj numer w jsx React komponent

Question

Piszę plik jsx i chcę sformatować wyświetlanie liczb w tabeli. Oto kod dla tabeli:

<tr> 
    <td> 
    {stringVar} 
    </td> 
    <td> 
    {numberVar} 
    </td> 
</tr> 

Numer var jest drukowany bezpośrednio; jak wyświetlić tę liczbę za pomocą formatowania ciągów w stylu C (muszę ustawić wartość dokładności, dodać przecinki i znak $)?

Answer 1

Możesz użyć dowolnego wyrażenia JS do sformatowania wartości. Popularna biblioteka formatowania liczb to http://numeraljs.com/, ale oczywiście jest też wiele innych.

chodzi o poprzedzenie $, to po prostu konkatenacji ciąg:

{"$" + numberVar} 

Lub przy string interpolation ES6 składnia:

{`$ ${numberVar}`}