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

## Resumen

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

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

## Referencia

### Opciones

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

***

## Ejemplos

### ❌ Incorrecto

El contenido dinámico aparece directamente en el componente `<T>`:

```jsx
<T>Hello {userName}!</T>
```

### ✅ Correcto

El contenido dinámico está envuelto en un componente de variable:

```jsx
<T>Hello <Var>{userName}</Var>!</T>
```

***


## Configuración

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