jsx中的格式编号React组件

Question

我正在写一个jsx文件，想要格式化表中数字的显示。以下是该表的代码：

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

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

Answer 1

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

至于前缀为$，这只是字符串连接：

{"$" + numberVar}

或者，使用string interpolation ES6语法：

{`$ ${numberVar}`}