nunopinheiro / react-i18n-helper Goto Github PK

import React, {Component} from 'react';
import {changeLocale, i18nEventsListenerMixin, setupI18NConfiguration, i18n } from 'react-i18n-helper';
import reactMixin from 'react-mixin';

export default class Locale extends Component {

  constructor(props) {
    const initialData = {HelloWorld: 'Hello, World!'};
    super(props);
    setupI18NConfiguration({clientPath: 'static/i18n', fallBackLocale: 'en-GB', initialState: {locale: 'en-GB', data: initialData}});
  }


  state = {
    desktop: true
  };


  render() {
    return (
      <div>
        <span>{i18n('HelloWorld')}</span>
        <button onClick={() => changeLocale('pt-PT')}>pt-PT</button>
        <button onClick={() => changeLocale('en-GB')}>en-GB</button>
      </div>
    );
  }
}

reactMixin(Locale.prototype, i18nEventsListenerMixin);