getting String from react-intl's

Question

I have a FormattedNumber component that looks like this:

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

And a function that takes a String as an input, I need to pass the FormattedNumber's result to the function, I tried using this to obtain the number:

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

but it fails with error Unhandled Rejection (Error): [React Intl] Could not find required intl object. <IntlProvider> needs to exist in the component ancestry.

I need a way to convert FormattedNumber to a String, and it has to work with percentages, currency, etc.

score 0 · Accepted Answer · answered Aug 03 '20 at 14:53

0

Because you need to wrap your component into an IntlProvider component.

Check the React-Intl doc

answered Aug 03 '20 at 14:53

Anxium

106
3

Thanks for the answer, I ended up using `props.intl.formatNumber()` to solve it – agusting Aug 04 '20 at 12:32

getting String from react-intl's

1 Answers1