javascript – 有没有办法用React-Intl访问当前的语言环境?

前端之家收集整理的这篇文章主要介绍了javascript – 有没有办法用React-Intl访问当前的语言环境?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否有任何方法可以使用React-Intl访问当前设置的区域设置?

假设我创建了这个:

render() {
  return (
    <IntlProvider locale="en">
      <App>
    </IntlProvider>
  );
}

在App中,我想做这样的事情,以便访问我传递给IntlProvider的语言环境

this.props.locale

有没有办法做那样的事情?

谢谢.

解决方法

您可以通过从React Intl的“注入API”访问它来获取应用程序的任何组件中的当前区域设置:
import {injectIntl,intlShape} from 'react-intl';

const propTypes = {
  intl: intlShape.isrequired,};

const MyComponent = ({intl}) => (
  <div>{`Current locale: ${intl.locale}`}</div>
);

MyComponent.propTypes = propTypes

export default injectIntl(MyComponent);

猜你在找的JavaScript相关文章