import Translate from "react-translate-provider";
 
//Definir el objeto con los idiomas.
const language = {
  es: {
    hello: "Hola",
 
    bye: "Adios"
  },
  en: {
    hello: "Hello",
 
    bye: "Bye"
  }
};
 
class App extends React.Component {
  render() {
    const { language } = this.props;
    return (
      <div>
        <h2>{language.hello}</h2>
        <h2>{language.bye}</h2>
      </div>
    );
  }
}
 
export default Translate({ lang: language, default: "es" })(App);
 

import { connectT } from "react-translate-provider";
 
class Header extends React.Component {
  render() {
    return (
      <div>
        <button onClick={() => this.props.changeLang("en")}>EN</button>
        <button onClick={() => this.props.changeLang("es")}>ES</button>
      </div>
    );
  }
}
 
export default connectT(Header);