首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用FormatJs Message Syntax将数字格式化为包含两个小数的百分比?

如何使用FormatJs Message Syntax将数字格式化为包含两个小数的百分比?
EN

Stack Overflow用户
提问于 2018-06-08 03:03:58
回答 2查看 5.1K关注 0票数 3

使用react-intl时,我会收到以下消息:

serviceFee: {
  en: 'Service fee: ({fee, number, percent})',
  ...
},

当我打电话的时候

<FormatMessage id="serviceFee" values={{ fee: 0.0625 }} />

我希望它能呈现:

服务费: 6.25%

但是我得到了一个四舍五入的值:

服务费: 6%

如何解决这个问题?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-11-06 03:27:38

有两种方法可以做到:

  1. 您可以从消息语法中删除百分号样式:

serviceFee:‘手续费:({fee})’

然后以正确的格式发送值:

票数 9
EN

Stack Overflow用户

发布于 2018-06-08 03:37:00

您可以使用documentation中的minimumFractionDigits={2}} prop。

import React, { Component } from "react";
import { FormattedNumber } from "react-intl";

export default class App extends Component {
  render() {
    return (
      <FormattedNumber
        style='percent'
        value={0.0625}
        minimumFractionDigits={2}
      />
    );
  }
}

上面的代码呈现:

Codesandox

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

https://stackoverflow.com/questions/50748520

复制
相关文章

相似问题

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