Table of Contents

¿Qué librerías usamos?

Para el uso de localización estamos usando dos librerías



es2015-i18n-tag

exporta la etiqueta (función) que luego nos va a ayudar a realizar las traducciones en automático

i18n-tag-schema

Exporta los tags generados con la etiqueta (función) i18n y el schema para poder realizar las traducciones

¿Cómo lo uso en mi componente?


1import useLocalization from "@pagopop/components/hooks/useLocalization"; 2 3export default MyComponent() { 4 const { i18n } = useLocalization(); 5 6 return ( 7 <Text>{i18n`Hola`}</Text> 8 ) 9}


Recuerda que i18n solo funciona con textos literales

Ejemplo de buen uso de i18n

1const name = "Jose"; 2<Text>{`${i18n`Hola`} ${name}`}</Text> 3 4<Text>{i18n`Hola`}</Text>


Ejemplo de mal uso de i18n

1const name = "Jose"; 2<Text>{i18n`Hola ${name}`}</Text> 3 4const myVariable = "Hola Jose"; 5<Text>{i18n`${myVariable}`}</Text>