Vue d’ensemble

Le composant <Var> sert à afficher du contenu qui ne doit pas être traduit. Il est utile pour rendre des variables, des extraits de code ou tout autre contenu qui ne doit pas être traduit. Il permet également d’afficher du contenu qui doit rester privé, comme des API Keys ou des informations personnelles.

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

Le composant <Var> s’utilise toujours à l’intérieur d’un composant <T>. Voyez-le comme une solution passe-partout pour les valeurs dynamiques qui ne relèvent pas de <Currency>, <DateTime> ou <Num>.

Références

Props

Description

Renvoie

JSX.Element contenant le contenu à ne pas traduire.

Exemples

Exemple de base

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

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

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 Variable Components sont essentielles pour préserver du contenu dynamique non traduisible dans les traductions.
• Utilisez toujours les Variable Components à l’intérieur d’un composant <T>.
• Des composants comme <Num>, <Currency> et <DateTime> offrent des fonctionnalités de localisation pour garantir un formatage correct.

Prochaines étapes

• Pour une présentation plus approfondie et des exemples d’utilisation du composant <Var> ainsi que d’autres composants de variables comme <Currency>, <DateTime> et <Num>, consultez la documentation Utilisation des composants de variables.
• Pour en savoir plus sur les options de formatage des composants Variable spécifiques, voir la Référence de l’API.