首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >有没有办法从material-table react中删除货币前缀?

有没有办法从material-table react中删除货币前缀?
EN

Stack Overflow用户
提问于 2020-06-08 16:19:12
回答 1查看 1.4K关注 0票数 3

有没有办法从react的material-table中删除货币前缀呢?因为我在表中使用了不同的货币,所以只使用一个前缀会让人感到困惑,因为我有一个不同的列来显示货币类型

感谢您的帮助,谢谢!

下面是用于创建表的源代码的一部分,我从一个API端点获取数据

代码语言:javascript
复制
<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}

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-06-08 19:17:05

我没有使用material-table,但我玩了一下。这是产生错误的material-table的源代码:

代码语言:javascript
复制
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

例如,对于匈牙利(我的国家),我可以这样调用它:

代码语言:javascript
复制
new Intl.NumberFormat('hu', { style: 'currency', currency: 'huf' }).format(number);

因此,我应该将columnDefinition更改为:

代码语言:javascript
复制
{ title: 'Amount', field: 'invoice_amount', type:'currency', currencySetting:{ locale: 'hu',currencyCode:'huf', minimumFractionDigits:0, maximumFractionDigits:2}},

请注意,我添加了一个区域设置:'hu‘,并将currencyCode更改为'huf’。

如果您的国家/地区不在支持的国家/地区中。尝试其他具有类似格式的内容。

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

https://stackoverflow.com/questions/62257842

复制
相关文章

相似问题

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