Types

JsxChildren

Definizione del tipo per contenuti JSX traducibili e renderizzabili

Panoramica

JsxChildren rappresenta contenuti JSX che includono testo, elementi e variabili da tradurre.

type JsxChildren = JsxChild | JsxChild[];

Struttura

type JsxChild = string | JsxElement | Variable;
TipoDescrizione
stringTesto semplice
JsxElementElemento strutturato
VariableSegnaposto dinamico

Elemento Jsx

type JsxElement = {
  t?: string;      // nome del tag
  i?: number;      // id  
  d?: GTProp;      // proprietà GT
  c?: JsxChildren; // elementi figli
};

Esempi

Uso di base

import { JsxChildren, Variable } from 'generaltranslation';

// Testo semplice
const text: JsxChildren = "Benvenuto!";

// Testo con variabili
const greeting: JsxChildren = [
  "Ciao, ",
  { k: 'userName' } as Variable,
  "!"
];

Elementi strutturati

// Elemento div
const divElement: JsxChildren = {
  t: 'div',
  c: ['Contenuto qui']
};

// Link con titolo
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'Visita la homepage' },
  c: ['Fai clic qui']
};

Tipi correlati

  • JsxChild - Tipi di singoli elementi figlio
  • JsxElement - Definizioni strutturate di elementi

Come valuti questa guida?

JsxChildren