如何将逗号放在React渲染值中

Question

我不太确定如何搜索这个。我遇到的问题是，

我有一个React组件，它在JSX语法中呈现值，如

<h5> { window.sessionStorage.getItem('number_value') } </h5>

（我在ComponentDidMount函数中将此值设置为sessionStorage）

这个number_value = 211345.我需要的是如何为该值添加逗号，使其在我的View上显示为211,345。有什么想法吗？

Answer 1

您可以使用parseInt解析从本地存储中获取的字符串，然后使用toLocaleString将生成的数字转换为具有本地化千位分隔符的字符串：

<h5>{
    parseInt(
        window.sessionStorage.getItem('number_value'), 10
    ).toLocaleString()
}</h5>

正如评论中所指出的，这不是特定于React的技术，它是普通的旧JavaScript。