Use a react-intl Higher Order Component to format messages and get current locale
In some cases, you might need to pass a string from your intl
messages.js file as a prop to a component. Instead of using
react-intl components (which generate markup), we’ll use the
injectIntl higher order component provided by
react-intl. This will provide just the string we’re looking for, make the prop simpler, and avoid creating unnecessary DOM elements.
We’ll also use props passed to the component from the Higher Order Component to clean up some redundant code.