jsx-React组件中的格式化编号

Format number in jsx React component

本文关键字:格式化 编号 组件 jsx-React      更新时间:2023-09-26

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

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

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

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

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

{"$" + numberVar}

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

{`$ ${numberVar}`}