Descripción general

El componente <Var> se utiliza para renderizar contenido que no debe traducirse. Esto es útil para mostrar variables, fragmentos de código u otros contenidos que no deben traducirse. Además, sirve para renderizar contenido que debe mantenerse privado, como API Keys o información personal.

<Var>{user.name}</Var>

El componente <Var> siempre se usa dentro de un componente <T>. Piénsalo como un comodín para valores dinámicos que no entran en las categorías de <Currency>, <DateTime> o <Num>.

Referencias

Props

Descripción

Devuelve

JSX.Element que contiene el contenido que no debe traducirse.

Ejemplos

Ejemplo básico

El componente <Var> debe utilizarse dentro de un componente <T>.

import { T, Var } from 'gt-react'

export default function Example(user) {
  return (
    <T>
      ¡Traduce este texto!
      Tu nombre es: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>No traduzcas este texto</p></Var> // [!code highlight]
    </T>
  );
}

Notas

• Los componentes de Variable son esenciales para mantener contenido dinámico no traducible en las traducciones.
• Utiliza siempre los componentes de Variable dentro de un componente <T>.
• Componentes como <Num>, <Currency> y <DateTime> proporcionan capacidades de localización para garantizar un formato correcto.

Próximos pasos

• Para un análisis más detallado y ejemplos de uso del componente <Var> y otros componentes de variables como <Currency>, <DateTime> y <Num>, consulta la documentación Uso de componentes de variables.
• Obtén más información sobre las opciones de formato para componentes Variable específicos en la Referencia de API.