Текущая локаль может быть доступна в любом React-компоненте с помощью injectIntl() — компонента высшего порядка (HOC), который предоставляет React Intl.
injectIntl и intlShape из пакета react-intlinjectIntl() при экспортеintl, используя intl.localeimport { injectIntl, intlShape } from 'react-intl'
const MyComponent = ({ intl }) => (
<div>{`The current locale is ${intl.locale}`}</div>
)
MyComponent.propTypes = {
intl: intlShape.isRequired
}
export default injectIntl(MyComponent)
intl содержит информацию о локали и автоматически инжектится как пропintl.locale, чтобы получить текущий код локали (например, 'en-US', 'fr-FR')propTypes с intlShape, чтобы валидировать проп intlДля новых React-приложений, использующих хуки, рассмотри useIntl() — он даёт более чистый синтаксис без необходимости оборачивать компонент в HOC.
HOC injectIntl() автоматически добавляет проп intl в твой компонент, который содержит текущую локаль, доступную через intl.locale.
Новый — ещё не проверен сообществом
Вы