# generaltranslation: General Translation Core SDK: JsxElement
URL: https://generaltranslation.com/zh/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) - 单个子节点元素