来自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：必须在函数

上调用Bind

FormattedMessage组件适用于我的所有翻译， 区域设置设置为en-US，因此我认为问题不是来自IntlProvider或其他内容。

我使用的是最新版本的库2.0.1

有什么想法吗？

Answer 1

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