Vue d’ensemble

Le composant <Var> sert à afficher du contenu qui ne doit pas être traduit. C’est utile pour rendre des variables, des extraits de code ou d’autres contenus qui doivent rester en l’état. C’est également utile pour afficher du contenu qui doit rester privé, comme des API Keys ou des informations personnelles.

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

Le composant <Var> est toujours utilisé à l’intérieur d’un composant <T>. Considérez‑le comme un fourre‑tout pour les valeurs dynamiques qui n’entrent pas dans les catégories <Currency>, <DateTime> ou <Num>.

Références

Props

Description

Renvoie

JSX.Element qui contient le contenu à ne pas traduire.

Exemples

Exemple simple

Le composant <Var> doit être utilisé à l’intérieur d’un composant <T>.

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

export default function Example(user) {
  return (
    <T>
      Traduisez ce texte !
      Votre nom est : <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Do not translate this text</p></Var> // [!code highlight]
    </T>
  );
}

Notes

• Les composants Variable sont essentiels pour conserver du contenu dynamique non traduisible dans les traductions.
• Utilisez toujours les composants Variable à l’intérieur d’un composant <T>.
• Des composants comme <Num>, <Currency> et <DateTime> offrent des fonctionnalités de localisation pour garantir un formatage précis.

Prochaines étapes

• Pour une présentation plus détaillée et des exemples d’utilisation du composant <Var> ainsi que d’autres composants de variables comme <Currency>, <DateTime> et <Num>, consultez la documentation Utiliser les composants de variables.
• Pour en savoir plus sur les options de formatage propres à certains composants de variables, consultez la Référence de l’API.