Types
JsxChildren
Definición de tipo para contenido JSX que se puede traducir y renderizar
Descripción general
JsxChildren representa contenido JSX con texto, elementos y variables para su traducción.
type JsxChildren = JsxChild | JsxChild[];Estructura
type JsxChild = string | JsxElement | Variable;| Tipo | Descripción |
|---|---|
string | Texto sin formato |
JsxElement | Elemento estructurado |
Variable | Marcador dinámico |
JsxElement
type JsxElement = {
t?: string; // nombre de etiqueta
i?: number; // id
d?: GTProp; // propiedades GT
c?: JsxChildren; // children
};Ejemplos
Uso básico
import { JsxChildren, Variable } from 'generaltranslation';
// Texto simple
const text: JsxChildren = "¡Bienvenido!";
// Texto con variables
const greeting: JsxChildren = [
"Hola, ",
{ k: 'userName' } as Variable,
"!"
];Elementos estructurados
// Elemento div
const divElement: JsxChildren = {
t: 'div',
c: ['Contenido aquí']
};
// Enlace con título
const linkElement: JsxChildren = {
t: 'a',
d: { ti: 'Visitar página principal' },
c: ['Haz clic aquí']
};Tipos relacionados
JsxChild- Tipos de elementos secundarios individualesJsxElement- Definiciones de elementos con estructura
¿Qué te ha parecido esta guía?