更改服务器端数据的格式内部反应虚拟化表

Question

我在做一个有两个视图选项的阵营应用程序：

1. 卡
2. 列表（表）。

我使用的反应虚拟化的列表视图选项。问题是，我需要改变服务器端的数据，我得到当数据类型是数字的格式。我已经做了，在卡片视图选项。例如，这是我的ItemCard组件：

<div className="container">
  <div>{id}</div>
  <div>{name}</div>
  <div>{parseFloat(inventory).toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")}</div>
  <div>{parseFloat(unitprice).toFixed(2)}</div>
</div>

这是我在ITEMLIST组件像这样使用：

beautifiedData.map((product, i) => {
  return ( 
    <ItemCard
      key={i}
      id={item.No}
      name={item.name}
      inventory={item.Inventory}
      unitprice={item.UnitPrice}
    />
   )
 })

我应该怎么做反应，虚拟化的表看起来像这样完全一样的事情：

<Table className="items-table"
    width={1300}
    height={400}
    headerHeight={20}
    rowHeight={30}
    rowCount={list.length}
    rowGetter={({ index }) => list[index]}
    sortBy={this.state.sortBy}
    sortDirection={this.state.sortDirection}
    sort={this.sort}
>

    <Column
      label={content[langProp].ID}
      dataKey= 'No'
      width={150}
    />

    <Column
      label={content[langProp].Name}
      dataKey= 'Name'
      width={150}
    />

    <Column
      label={content[langProp].Inventory}
      dataKey= 'Inventory'
      width={150}
    />

    <Column
      label={content[langProp].UnitPrice}
      dataKey= 'UnitPrice'
      width={150}
    />

我怎样才能改变“库存”和“单价”服务器端的数据类型为字符串的格式？