<Var>

Resumen

El componente <Var> se utiliza para renderizar contenido que no debe ser traducido. Esto es útil para renderizar variables, fragmentos de código u otro contenido que no debe ser traducido. Además, es útil para renderizar contenido que debe mantenerse privado, como claves de API o información personal.

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

El componente <Var> siempre se utiliza dentro de un componente <T>. Piénsalo como un recurso para valores dinámicos que no encajan en la categoría de <Currency>, <DateTime>, o <Num>.

Referencia

Props

Descripción

Retorna

JSX.Element que contiene el contenido que no debe ser traducido.

Ejemplos

Ejemplo básico

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

import { T, Var } from 'gt-next'
 
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.
• Siempre use Componentes de Variable dentro de un componente <T>.
• Componentes como <Num>, <Currency>, y <DateTime> proporcionan características de localización para asegurar un formato preciso.

Próximos Pasos

• Para una discusión más detallada y ejemplos de uso del componente <Var> y otros componentes de variable como <Currency>, <DateTime>, y <Num>, consulte la documentación Uso de Componentes de Variable.
• Aprenda más sobre las opciones de formato para Componentes de Variable específicos en la Referencia de API.