got it.
import React, { Component } from 'react';
import { withTranslation } from 'react-i18next';
import i18n from 'i18next';
import { LocaleProvider } from 'rc-easyui';
import easyuien from 'rc-easyui/dist/locale/easyui-lang-en';
import easyuies from 'rc-easyui/dist/locale/easyui-lang-es';
const easyuilangs = {
en: easyuien,
es: easyuies
}
class App extends Component {
constructor(props) {
super(props);
this.state = {
easyuilocale: easyuien
};
}
componentDidMount() {
const self = this;
self.setLang(self, i18n.language);
i18n.on('languageChanged', function (lng) {
self.setLang(self, lng);
});
}
setLang(self, lng) {
self.setState({
easyuilocale: easyuilangs[lng.split("-")[0]]
});
}
render() {
const { easyuilocale } = this.state;
return (
<LocaleProvider local={easyuilocale}>
your content here
</LocaleProvider>
);
}
}
export default withTranslation()(App);