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;| Tipo | Descrizione |
|---|---|
string | Testo semplice |
JsxElement | Elemento strutturato |
Variable | Segnaposto 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 figlioJsxElement- Definizioni strutturate di elementi
Come valuti questa guida?