# generaltranslation: General Translation Core SDK: JsxChild
URL: https://generaltranslation.com/ja/docs/core/types/jsx-child.mdx
---
title: JsxChild
description: JSX の各要素を表すユニオン型
---

## 概要

`JsxChild` は、JSX コンテンツ内の個々の要素を表します。

```typescript
type JsxChild = string | JsxElement | Variable;
```


## Union のメンバー

| 型            | 説明          |
| ------------ | ----------- |
| `string`     | プレーンテキストの内容 |
| `JsxElement` | 構造化要素       |
| `Variable`   | 動的なプレースホルダー |

## 例

### 基本的な型

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

// 文字列
const text: JsxChild = "Welcome!";

// 変数
const name: JsxChild = { k: 'userName' } as Variable;

// 要素
const link: JsxChild = {
  t: 'a',
  c: ['Click here']
};
```


## 関連型

* [`JsxChildren`](/docs/core/types/jsx-children) - JsxChild 要素の集合
* [`JsxElement`](/docs/core/types/jsx-element) - 構造化要素