Types
JsxChildren
Définition de type pour du contenu JSX traduisible et rendu
Présentation
JsxChildren représente un contenu JSX incluant du texte, des éléments et des variables destinés à la traduction.
type JsxChildren = JsxChild | JsxChild[];Structure
type JsxChild = string | JsxElement | Variable;| Type | Description |
|---|---|
string | Contenu texte simple |
JsxElement | Élément structuré |
Variable | Espace réservé 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 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: ['Cliquez ici']
};Types associés
JsxChild- Types d’enfants JSX individuelsJsxElement- Définitions d’éléments structurés
Que pensez-vous de ce guide ?