Types
JsxChildren
Определение типа JSX‑контента, пригодного для перевода и отображения
Обзор
JsxChildren представляет JSX‑содержимое с текстом, элементами и переменными для перевода.
type JsxChildren = JsxChild | JsxChild[];Структура
type JsxChild = string | JsxElement | Variable;| Тип | Описание |
|---|---|
string | Обычный текст |
JsxElement | Структурированный элемент |
Variable | Динамический заполнитель |
JSX-элемент
type JsxElement = {
t?: string; // имя тега
i?: number; // идентификатор
d?: GTProp; // свойства GT
c?: JsxChildren; // дочерние элементы
};Примеры
Базовое использование
import { JsxChildren, Variable } from 'generaltranslation';
// Простой текст
const text: JsxChildren = "Добро пожаловать!";
// Текст с переменными
const greeting: JsxChildren = [
"Привет, ",
{ k: 'userName' } as Variable,
"!"
];Структурные элементы
// Элемент div
const divElement: JsxChildren = {
t: 'div',
c: ['Содержимое']
};
// Ссылка с заголовком
const linkElement: JsxChildren = {
t: 'a',
d: { ti: 'Перейти на главную страницу' },
c: ['Нажмите сюда']
};Связанные типы
JsxChild— Типы отдельных дочерних узловJsxElement— Структурированные определения элементов
Насколько полезно это руководство?