javascript - react-intl 的 FormattedNumber 组件不起作用

Question

我正在尝试使用库中的组件FormattedNumber，react-intl但无法使其工作。

<IntlProvider
    locale="en-US"
    messages={locales['en-US']}
>
    <div>
        <FormattedNumber value={123456} />
        <FormattedNumber value="123456" />
    </div>
</IntlProvider>

这只会以我将它传递给组件的方式返回值，并用 span 包装，但它不会格式化数字。

我在控制台中收到错误：

[React Intl] 格式化数字错误。TypeError：必须在函数上调用绑定

该FormattedMessage组件适用于我的所有翻译，语言环境设置为en-US，所以我不认为问题来自于IntlProvider或其他原因。

我正在使用最新版本的库，2.0.1

任何想法？

Answer 1

我有同样的问题。就我而言，问题出在全局定义 window.Intl 中。它重写了原始的 lib 对象并丢失了函数上下文