React Translate Provider
El paquete react-translate-provider es un sistema que te permite traducir tus componentes a más de un idioma de manera sencilla
Como se usa
Instalación
Primero vamos a instalar react-translate-provider
npm i react-translate-provider
o
yarn add react-translate-provider
Configuración del componente
Primero vamos a inicializar nuestro componente con los parametros de configuración.
; //Definir el objeto con los idiomas.const language = es: hello: "Hola" bye: "Adios" en: hello: "Hello" bye: "Bye" ; Component { const language = thisprops; return <div> <h2>languagehello</h2> <h2>languagebye</h2> </div> ; } lang: language default: "es" App;
Cuando exportamos nuestro componente con Translate creamos un nuevo React.Context y lo guardamos para despues poder suscribirnos a el.
Si nosotros queremos cambiar el idioma, podemos hacerlo mediante la funcion connectT que incluye el paquete react-translate-provider
Ejemplo:
; Component { return <div> <button onClick= thisprops>EN</button> <button onClick= thisprops>ES</button> </div> ; } Header;
License
MIT