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;
TypBeschreibung
stringReiner Textinhalt
JsxElementStrukturiertes Element
VariableDynamischer 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

Wie ist diese Anleitung?