Types
JsxElement
翻訳可能な JSX コンテンツ内における、HTML 風の構造化要素の型定義
概要
JsxElement は、翻訳対象の JSX コンテンツ内における、構造化された HTML 風の要素を表します。
type JsxElement = {
t?: string; // タグ名
i?: number; // id
d?: GTProp; // GTデータ/プロパティ
c?: JsxChildren; // 子要素
};プロパティ
| プロパティ | 型 | 説明 |
|---|---|---|
t? | string | HTML のタグ名 |
i? | number | 内部 ID |
d? | GTProp | GT のプロパティ／属性 |
c? | JsxChildren | 子要素 |
よく使われる GT キー
| GT Key | HTML 属性 |
|---|---|
pl | placeholder |
ti | title |
alt | alt |
arl | aria-label |
例
基本的な使用方法
import { JsxElement, Variable } from 'generaltranslation';
// シンプルな要素
const heading: JsxElement = {
t: 'h1',
c: ['ようこそ']
};
// 属性付き
const button: JsxElement = {
t: 'button',
d: { ti: 'フォームを送信' },
c: ['送信']
};関連する型
JsxChildren- 子コンテンツの型JsxChild- 単一の子要素
このガイドはいかがですか?