Panoramica

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

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

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

Riferimenti

Props

Descrizione

Restituisce

JSX.Element contenente il contenuto che non deve essere tradotto.

Esempi

Esempio di base

Il componente <Var> va utilizzato all'interno del componente <T>.

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

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 nelle 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 passi

• Per una trattazione più approfondita e 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 specifici componenti variabili nella API Reference.