# General Translation React SDKs (gt-react, gt-next, gt-react-native): `<Var>`
URL: https://generaltranslation.com/it/docs/react/reference/components/var.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Renderizza un valore dinamico all'interno di una traduzione senza tradurlo. Riferimento API per il componente `<Var>`.

Il componente `<Var>` renderizza contenuto dinamico che non deve essere tradotto. Usalo per valori, snippet di codice o informazioni private come chiavi API o dati personali, così il testo circostante rimane traducibile.

*Disponibile in `gt-react`, `gt-next`, `gt-tanstack-start` e `gt-react-native`.*

## Panoramica [#overview]

Inserisci `<Var>` all&#39;interno di un [`<T>`](/docs/react/reference/components/t) per contrassegnare un valore come variabile. Il valore viene renderizzato così com&#39;è, mentre il resto della frase viene tradotto in base a esso.

```tsx
<T>
  Your name is <Var>{user.name}</Var>.
</T>
```

*Nota: `<Var>` viene sempre usato all&#39;interno di un [`<T>`](/docs/react/reference/components/t). Consideralo come l&#39;elemento jolly per i valori dinamici che non rientrano in [`<Num>`](/docs/react/reference/components/num), [`<Currency>`](/docs/react/reference/components/currency) o [`<DateTime>`](/docs/react/reference/components/datetime).*

## Come funziona [#how-it-works]

* **Escluso dalla traduzione.** I contenuti di `<Var>` non vengono inviati all&#39;API di General Translation. Vengono renderizzati esattamente come forniti, mantenendo intatti i valori dinamici o sensibili.
* **Mantiene la traduzione del testo circostante.** Contrassegnare un valore come variabile consente al testo circostante di rimanere un&#39;unica voce traducibile, con la variabile inserita nella posizione corretta per ogni impostazione regionale.

## Props [#props]

| Prop                    | Descrizione                                              | Type        | Facoltativo | Predefinito |
| ----------------------- | -------------------------------------------------------- | ----------- | ----------- | ----------- |
| [`children`](#children) | Il valore da renderizzare, senza traduzione.             | `ReactNode` | No          | —           |
| [`name`](#name)         | Nome della variabile per la voce, usato per i metadati.  | `string`    | Sì          | —           |

### `children` [#children]

**Type** `ReactNode` · **Obbligatorio**

Il contenuto figlio da renderizzare all&#39;interno del componente. Viene passato così com&#39;è e non viene mai tradotto.

### `name` [#name]

**Tipo** `string` · **Facoltativo**

Un nome facoltativo per la variabile, utilizzato per i metadati e per identificare il valore nella voce di traduzione.

## Esempi [#examples]

*Gli esempi importano da `gt-react`; importa invece dal pacchetto del tuo framework.*

```tsx title="Address.tsx"
import { T, Var } from 'gt-react';

export default function Example({ user }) {
  return (
    <T>
      Translate this text! Your name is: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Do not translate this text</p></Var> // [!code highlight]
    </T>
  );
}
```

## Note [#notes]

* I componenti variabili mantengono il contenuto dinamico e non traducibile fuori dalle traduzioni.
* Usa sempre [`<Var>`](/docs/react/reference/components/t) all&#39;interno di un [`<T>`](/docs/react/reference/components/t).
* Per una formattazione in base all&#39;impostazione regionale, usa invece [`<Num>`](/docs/react/reference/components/num), [`<Currency>`](/docs/react/reference/components/currency) o [`<DateTime>`](/docs/react/reference/components/datetime).

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.