有没有办法从 material-table 反应中删除货币前缀？

Question

有什么方法可以从 React 的 material-table 中删除货币前缀，因为我在 table 上使用不同的货币，只使用一个前缀会让人感到困惑因为我有不同的列来显示货币类型

任何帮助将不胜感激，谢谢

这是用于创建 table 的源代码块，我从 API 端点

获取数据

<MaterialTable style={{marginLeft:'10px', marginRight:'10px'}}
      title="INVOICES"
      columns={[
        { title: 'Seller Name', field: 'seller' },
        { title: 'Buyer Name', field: 'buyer' },
        { title: 'Invoice No', field: 'invoice_number' },
        { title: 'Currency', field: 'currency' },
        { title: 'Amount', field: 'invoice_amount', type:'currency', currencySetting:{ currencyCode:'USD', minimumFractionDigits:0, maximumFractionDigits:2}},
        { title: 'Invoice Date', field: 'invoice_date' },
        { title: 'Eligible Date', field: 'date_eligible' },
        { title: 'Due Date', field: 'due_date' },
        { title: 'Status', field: 'status' },
      ]}
      data={this.state.stats}

Answer 1

我没有使用 material-table，但我玩了一点。这是 material-table 的源代码，其中产生了错误：

Intl.NumberFormat(currencySetting.locale !== undefined ? currencySetting.locale : 'en-US', {
          style: 'currency',
          currency: currencySetting.currencyCode !== undefined ? currencySetting.currencyCode : 'USD',
          minimumFractionDigits: currencySetting.minimumFractionDigits !== undefined ? currencySetting.minimumFractionDigits : 2,
          maximumFractionDigits: currencySetting.maximumFractionDigits !== undefined ? currencySetting.maximumFractionDigits : 2
        }).format(value !== undefined ? value : 0);

它使用Intl.NumberFormat标准Javascript函数来格式化货币。该功能支持47个国家。你可以在这里玩这个功能：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

例如匈牙利（我的国家）我可以这样调用它：

new Intl.NumberFormat('hu', { style: 'currency', currency: 'huf' }).format(number);

所以我应该将 columnDefinition 更改为：

{ title: 'Amount', field: 'invoice_amount', type:'currency', currencySetting:{ locale: 'hu',currencyCode:'huf', minimumFractionDigits:0, maximumFractionDigits:2}},

请注意，我添加了语言环境：'hu' 并将货币代码更改为 'huf'。

如果您所在的国家不在支持的国家之列。尝试具有类似格式的其他内容。

有没有办法从 material-table 反应中删除货币前缀？

Is there a way to remove currency prefix from material-table react?

reactjs

material-table