# react-core-linter: 静态 JSX
URL: https://generaltranslation.com/zh/docs/react-core-linter/rules/static-jsx.mdx
---
title: 静态 JSX
description: <T> 组件只能包含静态子元素
---

## 概述

确保 [`<T>`](/docs/react/api/components/t) 组件内的动态内容使用变量组件包裹。

此规则会标记直接出现在 [`<T>`](/docs/react/api/components/t) 组件内、且未使用适当的变量组件 (如 [`<Var>`](/docs/react/api/components/var) 或 [`<Branch>`](/docs/react/api/components/branch)) 包裹的动态内容。

## 自动修复

运行 `eslint --fix` 后，会自动为动态内容添加包装：

* **三元表达式 / 逻辑 AND** → [`<Branch>`](/docs/react/api/components/branch)
* **其他表达式** → [`<Var>`](/docs/react/api/components/var)
* **缺失的导入** 会自动补上

```jsx
// 修复前
<T>Hello {userName}!</T>
<T>{role === "admin" ? "Administrator" : role === "editor" ? "Editor" : "Viewer"}</T>
<T>{isOnline && "Online"}</T>

// 修复后
<T>Hello <Var>{userName}</Var>!</T>
<T><Branch branch={role} admin="Administrator" editor="Editor">Viewer</Branch></T>
<T><Branch branch={!!isOnline} true="Online" /></T>
```

## 参考

### 选项

| 选项     | 类型         | 默认值                                                                                       | 描述             |
| ------ | ---------- | ----------------------------------------------------------------------------------------- | -------------- |
| `libs` | `string[]` | `["gt-react", "gt-next", "gt-react-native", "gt-i18n", "@generaltranslation/react-core"]` | 要检查其翻译组件的库模块数组 |

***

## 配置

```json
{
  "@generaltranslation/react-core-linter/static-jsx": ["error", {
    "libs": ["gt-react", "gt-next", "gt-react-native"]
  }]
}
```