EasyUI Forum

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);