получение String из response-intl <FormattedNumber>

Question

У меня есть компонент FormattedNumber, который выглядит следующим образом:

<FormattedNumber
  style="percent"
  maximumFractionDigits={2}
  value={0.555}
>
</FormattedNumber>

И функция, которая принимает String в качестве входных данных, мне нужно передать результат FormattedNumber функции, я попытался использовать это, чтобы получить номер:

const num = ReactDOMServer.renderToString(
  <FormattedNumber
  style="percent"
  maximumFractionDigits={2}
  value={0.543}
  >
  </FormattedNumber>
)

, но он не работает с ошибкой Unhandled Rejection (Error): [React Intl] Could not find required intl object. <IntlProvider> needs to exist in the component ancestry.

Мне нужен способ преобразовать FormattedNumber в строку, и он должен работать с процентами, валютой и т. д. c.

Answer 1

Потому что вам нужно обернуть свой компонент в компонент IntlProvider.

Проверьте React-Intl do c