Types
JsxChildren
可翻译并渲染的 JSX 内容的类型定义
概览
JsxChildren 表示用于翻译的 JSX 内容,包含文本、元素和变量。
type JsxChildren = JsxChild | JsxChild[];结构
type JsxChild = string | JsxElement | Variable;| 类型 | 描述 |
|---|---|
string | 纯文本内容 |
JsxElement | 结构化元素 |
Variable | 动态占位符 |
JsxElement
type JsxElement = {
t?: string; // 标签名
i?: number; // ID
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- 结构化元素定义
本指南如何?