Types
JsxChildren
Typdefinition für JSX-Inhalte, die übersetzt und gerendert werden können
Übersicht
JsxChildren steht für JSX-Inhalte, die Text, Elemente und Variablen zur Übersetzung enthalten.
type JsxChildren = JsxChild | JsxChild[];Struktur
type JsxChild = string | JsxElement | Variable;| Typ | Beschreibung | 
|---|---|
| string | Reiner Textinhalt | 
| JsxElement | Strukturiertes Element | 
| Variable | Dynamischer Platzhalter | 
JsxElement
type JsxElement = {
  t?: string;      // Tag-Name
  i?: number;      // id  
  d?: GTProp;      // GT-Eigenschaften
  c?: JsxChildren; // children
};Beispiele
Grundlegende Nutzung
import { JsxChildren, Variable } from 'generaltranslation';
// Einfacher Text
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 hier']
};
// Link mit Titel
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'Homepage besuchen' },
  c: ['Hier klicken']
};Verwandte Typen
- JsxChild- Typen einzelner Kindelemente
- JsxElement- Strukturierte Elementdefinitionen
Wie ist dieser Leitfaden?

