<Var>

Aperçu

Le composant <Var> est utilisé pour rendre le contenu qui ne doit pas être traduit. Ceci est utile pour afficher des variables, des extraits de code ou d'autres contenus qui ne doivent pas être traduits. 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 un attrape-tout pour les valeurs dynamiques qui ne rentrent pas dans la catégorie de <Currency>, <DateTime>, ou <Num>.

Référence

Props

Description

Renvoie

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-next'
 
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 non traduisible dans les traductions.
• Utilisez toujours les composants de variable à l'intérieur d'un composant <T>.
• Les 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> et d'autres composants de variable comme <Currency>, <DateTime>, et <Num>, consultez la documentation Utilisation des composants de variable.
• En savoir plus sur les options de formatage pour des composants de variable spécifiques dans la Référence API.