jsx React组件中的格式数字

Question

我正在写一个 jsx 文件，想格式化 table 中的数字显示。这是 table:

的代码

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

直接打印numberVar；如何使用 C 风格的字符串格式显示该数字（我需要设置精度值、添加逗号和 $ 字符）？

Answer 1

您可以使用任何 JS 表达式来格式化值。一个流行的数字格式库是 http://numeraljs.com/，但当然还有很多其他格式库。

至于$前缀，那只是字符串拼接：

{"$" + numberVar}

或者，使用 string interpolation ES6 语法：

{`$ ${numberVar}`}

Format number in jsx React component