Номер формата в компоненте jsx React

Question

Я пишу файл jsx и хочу отформатировать отображение чисел в таблице. Вот код для таблицы:

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

ЧислоVar печатается непосредственно; как я могу отобразить это число с форматированием строк в стиле С (мне нужно установить значение точности, добавить запятые и символ $)?

Answer 1

Вы можете использовать любое выражение JS для форматирования значения. Популярная библиотека форматирования чисел - http://numeraljs.com/, но есть много других, конечно.

Что касается префикса с $, это просто конкатенации:

{"$" + numberVar} 

Или, используя string interpolation ES6 синтаксис:

{`$ ${numberVar}`}