Aperçu

Le composant <Var> sert à afficher du contenu qui ne doit pas être traduit. Il est utile pour afficher des variables, des extraits de code ou tout autre contenu à conserver tel quel. Il est également utile pour afficher du contenu devant 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>. Considérez‑le comme un fourre‑tout pour les valeurs dynamiques qui ne relèvent pas des catégories <Currency>, <DateTime> ou <Num>.

Références

Props

Description

Renvoie

JSX.Element contenant le contenu qui ne doit pas être traduit.

Exemples

Exemple simple

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 composants Variable sont essentiels pour préserver, dans les traductions, du contenu dynamique non traduisible.
• 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 approfondie et des exemples d’utilisation du composant <Var> et 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, voir la Référence de l’API.