Components
Var
Référence de l’API du composant <Var>
Vue d’ensemble
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 qui ne doit pas être localisé.
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>.
Considérez-le comme une solution passe-partout pour les valeurs dynamiques qui ne relèvent pas des catégories <Currency>, <DateTime> ou <Num>.
Références
Props
Prop
Type
Description
| Prop | Description |
|---|---|
children | Contenu à rendre à l’intérieur du composant. S’il est fourni, il prend le pas sur value. |
value | Valeur par défaut facultative à afficher si children n’est pas fourni. Peut être une chaîne. |
Renvoie
JSX.Element contenant le contenu à ne pas traduire.
Exemples
Exemple simple
Le composant <Var> doit être utilisé à l’intérieur du 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>Ne traduisez pas ce texte</p></Var> // [!code highlight]
</T>
);
}Remarques
- Les composants Variable sont essentiels pour préserver le 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 correct.
Prochaines étapes
- Pour une présentation plus détaillée et des exemples d’utilisation du composant
<Var>et 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 propres à certains composants de variables, voir la Référence de l’API.
Que pensez-vous de ce guide ?