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 — Структурированные определения элементов

Насколько полезно это руководство?

JsxChildren