Types
JsxChildren
Définition de type pour du contenu JSX traduisible et rendu
Vue d’ensemble
JsxChildren représente du contenu JSX comprenant du texte, des éléments et des variables à traduire.
type JsxChildren = JsxChild | JsxChild[];Structure
type JsxChild = string | JsxElement | Variable;| Type | Description |
|---|---|
string | Contenu texte simple |
JsxElement | Élément structuré |
Variable | Placeholder dynamique |
Élément JSX
type JsxElement = {
t?: string; // nom de balise
i?: number; // id
d?: GTProp; // propriétés GT
c?: JsxChildren; // enfants
};Exemples
Utilisation de base
import { JsxChildren, Variable } from 'generaltranslation';
// Texte simple
const text: JsxChildren = "Bienvenue !";
// Texte avec des variables
const greeting: JsxChildren = [
"Bonjour, ",
{ k: 'userName' } as Variable,
"!"
];Éléments structurés
// Élément div
const divElement: JsxChildren = {
t: 'div',
c: ['Contenu ici']
};
// Lien avec titre
const linkElement: JsxChildren = {
t: 'a',
d: { ti: 'Visiter la page d'accueil' },
c: ['Cliquer ici']
};Types associés
JsxChild- Types d’éléments enfants individuelsJsxElement- Définitions d’éléments structurés
Comment trouvez-vous ce guide ?