Panoramica

Il componente <Var> viene utilizzato per rendere contenuti che non devono essere tradotti. È utile per visualizzare variabili, snippet di codice o altri contenuti che non vanno tradotti. Inoltre, è utile per mostrare contenuti che devono rimanere privati, come chiavi API o informazioni personali.

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

Il componente <Var> viene sempre utilizzato all'interno di un componente <T>. Consideralo come un contenitore generico per i valori dinamici che non rientrano nelle categorie <Currency>, <DateTime> o <Num>.

Riferimenti

Props

Descrizione

Restituisce

JSX.Element che contiene il contenuto da non tradurre.

Esempi

Esempio di base

Il componente <Var> deve essere usato all'interno del componente <T>.

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

export default function Example(user) {
  return (
    <T>
      Traduci questo testo!
      Il tuo nome è: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Non tradurre questo testo</p></Var> // [!code highlight]
    </T>
  );
}

Note

• I componenti variabili sono essenziali per gestire contenuti dinamici non traducibili all’interno delle traduzioni.
• Usa sempre i componenti variabili all’interno di un componente <T>.
• Componenti come <Num>, <Currency> e <DateTime> offrono funzionalità di localizzazione per garantire una formattazione corretta.

Prossimi passaggi

• Per un approfondimento ed esempi d'uso del componente <Var> e di altri componenti variabili come <Currency>, <DateTime> e <Num>, consulta la documentazione Uso dei componenti variabili.
• Scopri di più sulle opzioni di formattazione per componenti variabili specifici nella API Reference.