jsx-React组件中的格式化编号
Format number in jsx React component
我正在编写一个jsx文件,希望格式化表中数字的显示。这是表格的代码:
<tr>
<td>
{stringVar}
</td>
<td>
{numberVar}
</td>
</tr>
正在直接打印numberVar;如何使用C样式字符串格式显示该数字(我需要设置精度值、添加逗号和$字符)?
您可以使用任何JS表达式来格式化值。一个流行的数字格式库是http://numeraljs.com/当然还有很多其他的。
至于前缀为$,这只是字符串串联:
{"$" + numberVar}
或者,使用字符串插值ES6语法:
{`$ ${numberVar}`}
相关文章:
- jQuery中是否内置了任何字符串格式化函数
- 将字符串转换为格式化日期
- Highcharts-如何在自定义格式化程序中获得默认的y轴标签格式化程序
- 用Javascript重新格式化复杂文本日期字符串的更好方法
- 在HTML画布上格式化文本
- 用于高级文本的格式化工具
- 在jquery中生成一个自动前缀编号
- 使用模式格式化Number类型输入中的值
- 将格式化的纯文本转换为HTML
- Jquery 读取编号组中选择下拉列表的数组
- 如何配置WebStorm以正确格式化生成器函数
- JQuery幻灯片,可点击编号位置
- 如何将日期字符串视为格式化数组[EYEAR,MONTH,DAY]
- 如何在谷歌可视化中组合数字和模式格式化程序
- jsx-React组件中的格式化编号
- 使用 jquery 编号格式化程序格式化数字并重新格式化它们
- js.erb文件中返回的格式化编号
- 使用JavaScript或ExtJS四舍五入格式化的字符串编号
- 格式化特定模式的数组编号
- 页面加载时使用逗号格式化类型编号