Types
JsxChildren
Typdefinition für JSX-Inhalte, die übersetzt und gerendert werden können
Übersicht
JsxChildren steht für JSX‑Inhalte mit Text, Elementen und Variablen zur Übersetzung.
type JsxChildren = JsxChild | JsxChild[];Struktur
type JsxChild = string | JsxElement | Variable;| Typ | Beschreibung |
|---|---|
string | Reiner Textinhalt |
JsxElement | Strukturiertes Element |
Variable | Dynamischer Platzhalter |
JSX-Element
type JsxElement = {
t?: string; // Tagname
i?: number; // ID
d?: GTProp; // GT‑Eigenschaften
c?: JsxChildren; // Kindelemente
};Beispiele
Grundlegende Verwendung
import { JsxChildren, Variable } from 'generaltranslation';
// Einfache Zeichenkette
const text: JsxChildren = "Willkommen!"
// Text mit Variablen
const greeting: JsxChildren = [
"Hallo, ",
{ k: 'userName' } as Variable,
"!"
];Strukturierte Elemente
// Div-Element
const divElement: JsxChildren = {
t: 'div',
c: ['Inhalt']
};
// Link mit Titel
const linkElement: JsxChildren = {
t: 'a',
d: { ti: 'Zur Startseite' },
c: ['Hier klicken']
};Verwandte Typen
JsxChild- Typen einzelner KindelementeJsxElement- Strukturierte Elementdefinitionen
Wie ist diese Anleitung?