我想知道是否有任何方法可以使用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);