首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何将React-number-format应用于react中的数字集

如何将React-number-format应用于react中的数字集
EN

Stack Overflow用户
提问于 2020-07-22 18:20:32
回答 1查看 139关注 0票数 0

这是我的代码片段

代码语言:javascript
运行
复制
<Card.Body>
            <Card.Title>{data.country}</Card.Title>
            <Card.Text>Cases: {data.cases}</Card.Text>
            <Card.Text>Active: {data.active}</Card.Text>
            <Card.Text>Critical: {data.critical}</Card.Text>
            <Card.Text>Recovered: {data.recovered}</Card.Text>
            <Card.Text>Deaths: {data.deaths}</Card.Text>
            <Card.Text>Today's cases: {data.todayCases}</Card.Text>
            <Card.Text>Today's death: {data.todayDeaths}</Card.Text>
          </Card.Body>

{data.country},{data.cases}.所有这些都是从are获取的数字。我想通过放置逗号来格式化这些数字

代码语言:javascript
运行
复制
<NumberFormat
                displayType={"text"}
                thousandSeparator={true}
                thousandsGroupStyle="lakh"
                value={data.cases}
              />

这将根据印度数字系统格式化数字。如果我对所有的数字都使用NumberFormat标记,代码看起来会乱七八糟。这是一种通用的方法,可以声明..Is -number-format,从而格式化所有的数字?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-07-22 18:26:25

与其使用格式化程序格式化数字,我认为您应该在从API获取数据后格式化数据,并直接显示它,这将消除您在每个想格式化数据的地方使用格式化程序的麻烦。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63032011

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档