# react-core-linter: jsx-estático
URL: https://generaltranslation.com/es/docs/react-core-linter/rules/static-jsx.mdx
---
title: jsx-estático
description: El componente <T> solo debe tener hijos estáticos
---

## Descripción general

Garantiza que el contenido dinámico dentro de los componentes [`<T>`](/docs/react/api/components/t) esté encapsulado en componente de variable.

Esta regla marca el contenido dinámico que aparece directamente dentro de los componentes [`<T>`](/docs/react/api/components/t) sin estar encapsulado en componentes de variable adecuados, como [`<Var>`](/docs/react/api/components/var) o [`<Branch>`](/docs/react/api/components/branch).

## Corrección automática

Al ejecutar `eslint --fix`, el contenido dinámico se envolverá automáticamente:

* **Ternarios / AND lógico** → [`<Branch>`](/docs/react/api/components/branch)
* **Otras expresiones** → [`<Var>`](/docs/react/api/components/var)
* **Las importaciones que faltan** se agregan automáticamente

```jsx
// Antes de la corrección
<T>Hello {userName}!</T>
<T>{role === "admin" ? "Administrator" : role === "editor" ? "Editor" : "Viewer"}</T>
<T>{isOnline && "Online"}</T>

// Después de la corrección
<T>Hello <Var>{userName}</Var>!</T>
<T><Branch branch={role} admin="Administrator" editor="Editor">Viewer</Branch></T>
<T><Branch branch={!!isOnline} true="Online" /></T>
```

## Referencia

### Opciones

| Opción | Tipo       | Predeterminado                                                                            | Descripción                                                                              |
| ------ | ---------- | ----------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------- |
| `libs` | `string[]` | `["gt-react", "gt-next", "gt-react-native", "gt-i18n", "@generaltranslation/react-core"]` | Matriz de módulos de biblioteca que se comprobarán en busca de componentes de traducción |

***

## Configuración

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