# gt: General Translation CLI tool: 自动 JSX 注入
URL: https://generaltranslation.com/zh/docs/cli/features/auto-jsx-injection.mdx
---
title: 自动 JSX 注入
description: 在构建时自动使用翻译组件包裹 JSX 文本
---

## 概述

启用自动 JSX 注入后，编译器会在构建时自动用 `<T>` 翻译组件包裹可翻译的 JSX 文本，因此你无需手动添加。

自动 JSX 注入**默认禁用**。

<Callout type="warn">
  **限制：**自动 JSX 注入目前仅适用于 i18n-context 系统和 React SPA 应用。
</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>;
}
```

编译器会检测可翻译的文本，并在构建时自动将其包裹。用户编写的 `<T>` 组件以及其他 GT 组件 (如 `<Var>`、`<Branch>`、`<Plural>` 和 `<Derive>`) 则不会被改动。

## 相关内容

* [Autoderive](/docs/cli/features/autoderive)
* [发布说明：compiler@1.3.0](/devlog/compiler_v1_3_0)