# gt: General Translation CLI tool: Uso de la inyección automática de JSX URL: https://generaltranslation.com/es/docs/cli/guides/using-auto-jsx.mdx --- title: Uso de la inyección automática de JSX description: Cómo envolver texto JSX traducible en componentes de General Translation en tiempo de compilación mediante la inyección automática de JSX. related: links: - /docs/cli/guides/using-autoderive - /docs/cli/guides/generating-translations - /docs/cli/guides/configuring - /docs/cli/guides/managing-translations --- La inyección automática de JSX hace que el compilador envuelva el texto JSX traducible en componentes [``](/docs/react/reference/components/t) en tiempo de compilación, por lo que no tienes que agregarlos manualmente. La inyección automática de JSX está desactivada de forma predeterminada. *Nota: La inyección automática de JSX actualmente solo funciona con el sistema i18n-context y aplicaciones React de una sola página.* ## Activa la inyección automática de JSX [#enable] Configura `enableAutoJsxInjection` en `files.gt.parsingFlags` de `gt.config.json`. ```json title="gt.config.json" { "files": { "gt": { "parsingFlags": { "enableAutoJsxInjection": true } } } } ``` ## Cómo funciona [#how] Sin inyección, debes envolver tú mismo el texto traducible. ```jsx import { T } from 'gt-next'; function Welcome() { return (

Welcome to our app

); } ``` Con la inyección habilitada, el compilador detecta el texto traducible y lo envuelve automáticamente en tiempo de compilación. ```jsx function Welcome() { return

Welcome to our app

; } ``` El texto que ya has envuelto en ``, junto con otros componentes de General Translation como [``](/docs/react/reference/components/var), [``](/docs/react/reference/components/branch), [``](/docs/react/reference/components/plural) y [``](/docs/react/reference/components/derive), permanece sin cambios. ## Next steps - /docs/cli/guides/using-autoderive - /docs/cli/guides/generating-translations - /docs/cli/guides/configuring - /docs/cli/guides/managing-translations