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

Question

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

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

这仅返回我将值传递给组件的方式，并用跨度包裹，但它不会格式化数字。

我在控制台中收到错误:

[React Intl] Error formatting number. TypeError: Bind must be called on a function

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

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

有什么想法吗？

Answer 1

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