<Var>

Aperçu

Le composant <Var> est utilisé pour afficher du contenu qui ne doit pas être traduit. Ceci est utile pour afficher des variables, des extraits de code ou tout autre contenu qui ne doit pas être traduit. De plus, cela est utile pour afficher du contenu qui doit rester privé, comme des clés API 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 une solution générale pour les valeurs dynamiques qui ne rentrent pas dans la catégorie de <Currency>, <DateTime>, ou <Num>.

Référence

Props

Description

Retourne

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

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>
      Translate this text!
      Your name is: <Var>{user.name}</Var> // [!code highlight]
      <Var><p>Do not translate this text</p></Var> // [!code highlight]
    </T>
  );
}

Notes

• Les composants de variable sont essentiels pour maintenir un contenu dynamique et non traduisible dans les traductions.
• Utilisez toujours les composants de 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 discussion 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 variable.
• Pour en savoir plus sur les options de formatage pour des composants de variable spécifiques, consultez la Référence API.