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