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

Wie ist dieser Leitfaden?

JsxChildren