# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/ja/docs/core/types/jsx-element.mdx
---
title: JsxElement
description: 翻訳可能な JSX コンテンツ内の構造化された HTML ライクな要素の型定義
---

## 概要

`JsxElement` は、翻訳可能な JSX コンテンツ内の構造化された HTML ライクな要素を表します。

```typescript
type JsxElement = {
  t?: string;      // タグ名
  i?: number;      // ID
  d?: GTProp;      // GTデータ/プロパティ
  c?: JsxChildren; // 子要素
};
```


## プロパティ

| プロパティ | 型             | 説明           |
| ----- | ------------- | ------------ |
| `t?`  | `string`      | HTML タグ名     |
| `i?`  | `number`      | 内部識別子        |
| `d?`  | `GTProp`      | GT のプロパティ/属性 |
| `c?`  | `JsxChildren` | 子要素の内容       |

### よく使われる GT キー

| GT キー | HTML 属性       |
| ----- | ------------- |
| `pl`  | `placeholder` |
| `ti`  | `title`       |
| `alt` | `alt`         |
| `arl` | `aria-label`  |

## 例

### 基本的な使い方

```typescript copy
import { JsxElement, Variable } from 'generaltranslation';

// シンプルな要素
const heading: JsxElement = {
  t: 'h1',
  c: ['Welcome']
};

// 属性あり
const button: JsxElement = {
  t: 'button',
  d: { ti: 'Submit form' },
  c: ['Submit']
};
```


## 関連する型

* [`JsxChildren`](/docs/core/types/jsx-children) - 子要素のコンテンツ型
* [`JsxChild`](/docs/core/types/jsx-child) - 個々の子要素