# react-core-linter: jsx-statico
URL: https://generaltranslation.com/it/docs/react-core-linter/rules/static-jsx.mdx
---
title: jsx-statico
description: Il componente <T> deve avere solo elementi figlio statici
---

## Panoramica

Garantisce che il contenuto dinamico all&#39;interno dei componenti [`<T>`](/docs/react/api/components/t) sia racchiuso in componenti variabili.

Questa regola segnala il contenuto dinamico che compare direttamente all&#39;interno dei componenti [`<T>`](/docs/react/api/components/t) senza essere racchiuso in componenti variabili appropriati come [`<Var>`](/docs/react/api/components/var) o [`<Branch>`](/docs/react/api/components/branch).

## Correzione automatica

Con `eslint --fix`, il contenuto dinamico viene racchiuso automaticamente:

* **Ternari / AND logico** → [`<Branch>`](/docs/react/api/components/branch)
* **Altre espressioni** → [`<Var>`](/docs/react/api/components/var)
* **Gli import mancanti** vengono aggiunti automaticamente

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

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

## Guida di riferimento

### Opzioni

| Opzione | Tipo       | Predefinito                                                                               | Descrizione                                                                          |
| ------- | ---------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------ |
| `libs`  | `string[]` | `["gt-react", "gt-next", "gt-react-native", "gt-i18n", "@generaltranslation/react-core"]` | Array di moduli di libreria da verificare per individuare i componenti di traduzione |

***

## Configurazione

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