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

Question

这是我的代码片段

<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}.......都是从API.I中获取的数字，希望通过放置逗号来格式化数字

<NumberFormat
                displayType={"text"}
                thousandSeparator={true}
                thousandsGroupStyle="lakh"
                value={data.cases}
              />

这会根据印度数字系统格式化数字。如果我对所有数字都使用 NumberFormat 标签，代码看起来会乱七八糟。是否有一种通用的方法来声明 react-number-format 以便它格式化所有数字？？？？？？？

Answer 1

我认为您应该在从 API 获取数据后格式化数据，而不是使用格式化程序来格式化数字，然后只显示它，这将消除您在每个地方都使用格式化程序的麻烦想要格式化数据。

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

How to apply React-number-format to set of numbers in react

number-formatting

reactjs