# react-core-linter: jsx-statique URL: https://generaltranslation.com/fr/docs/react-core-linter/rules/static-jsx.mdx --- title: jsx-statique description: Le composant ne doit contenir que des enfants statiques --- ## Vue d’ensemble Garantit que le contenu dynamique à l’intérieur des composants [``](/docs/react/api/components/t) est entouré de composants variables. Cette règle signale le contenu dynamique qui apparaît directement à l’intérieur des composants [``](/docs/react/api/components/t) sans être entouré de composants variables appropriés tels que [``](/docs/react/api/components/var) ou [``](/docs/react/api/components/branch). ## Correction automatique L’exécution de `eslint --fix` encapsule automatiquement le contenu dynamique : * **Ternaires / ET logique** → [``](/docs/react/api/components/branch) * **Autres expressions** → [``](/docs/react/api/components/var) * Les **imports manquants** sont ajoutés automatiquement ```jsx // Avant correction Hello {userName}! {role === "admin" ? "Administrator" : role === "editor" ? "Editor" : "Viewer"} {isOnline && "Online"} // Après correction Hello {userName}! Viewer ``` ## Référence ### Options | Option | Type | Par défaut | Description | | ------ | ---------- | ----------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | `libs` | `string[]` | `["gt-react", "gt-next", "gt-react-native", "gt-i18n", "@generaltranslation/react-core"]` | Liste des modules de bibliothèque à vérifier pour les composants de traduction | *** ## Configuration ```json { "@generaltranslation/react-core-linter/static-jsx": ["error", { "libs": ["gt-react", "gt-next", "gt-react-native"] }] } ```