jsx中的格式编号React组件

Question

我正在编写一个jsx文件,并希望格式化表格中的数字显示.这是表的代码:

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

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

Answer 1

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

至于前缀为$,这只是字符串连接:

{"$" + numberVar}

或者,使用字符串插值 ES6语法:

{`$ ${numberVar}`}