Компонент FormattedNumber из react-intl не работает

Я пытаюсь использовать компонент FormattedNumber из библиотеки react-intl, но не могу заставить его работать.

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

Это возвращает только значение в том виде, в котором я передал его компоненту, завернутый в диапазон, но не форматирует число.

В консоли появляется ошибка:

[React Intl] Ошибка форматирования номера. TypeError: необходимо вызвать Bind для функции

Компонент FormattedMessage отлично работает для всех моих переводов, для локали установлено значение en-US, поэтому я не думаю, что проблема связана с IntlProvider или чем-то еще.

введите здесь описание изображения

Я использую последнюю версию библиотеки, 2.0.1

Любая идея?


person alexmngn    schedule 13.04.2016    source источник
comment
Может быть, value = {12345} стоит заключить в кавычки? и BTW из документов: по умолчанию ‹FormattedNumber› отображает отформатированное число в ‹span›   -  person Taras Yaremkiv    schedule 13.09.2017


Ответы (1)


У меня такая же проблема. В моем случае проблема была в окне глобального определения. Он переписывает исходный объект lib и теряет контекст функций.

person alex    schedule 30.10.2018