# gt: General Translation CLI tool: JSX の自動インジェクション
URL: https://generaltranslation.com/ja/docs/cli/features/auto-jsx-injection.mdx
---
title: JSX の自動インジェクション
description: ビルド時に JSX テキストを翻訳コンポーネントで自動的にラップ
---

## 概要

JSX の自動インジェクションを有効にすると、コンパイラはビルド時に、翻訳可能な JSX テキストを `<T>` 翻訳コンポーネントで自動的にラップするため、手動で追加する必要はありません。

JSX の自動インジェクションは **デフォルトで無効** です。

<Callout type="warn">
  **制限事項:** JSX の自動インジェクションは現在、i18n-context システムと SPA React アプリでのみ利用できます。
</Callout>

## 設定

```json title="gt.config.json"
{
  "files": {
    "gt": {
      "parsingFlags": {
        "enableAutoJsxInjection": true
      }
    }
  }
}
```

## 例

JSX の自動インジェクションを使用しない場合:

```jsx
import { T } from 'gt-next';

function Welcome() {
  return (
    <T>
      <h1>Welcome to our app</h1>
    </T>
  );
}
```

JSX の自動インジェクションを有効にした場合:

```jsx
function Welcome() {
  return <h1>Welcome to our app</h1>;
}
```

コンパイラは翻訳可能なテキストを検出し、build 時に自動的にラップします。ユーザーが記述した `<T>` コンポーネントや、`<Var>`、`<Branch>`、`<Plural>`、`<Derive>` などの他の GT コンポーネントには手を加えません。

## 関連項目

* [Autoderive](/docs/cli/features/autoderive)
* [リリースノート: compiler@1.3.0](/devlog/compiler_v1_3_0)