# General Translation Platform: JsxChildren
URL: https://generaltranslation.com/es/docs/platform/core/reference/types/jsx-children.mdx
Docs index: https://generaltranslation.com/llms.txt
Description: Estructura de contenido JSX para elementos hijo traducibles. Referencia de la API para el tipo JsxChildren.

`JsxChildren` representa contenido JSX —texto, elementos estructurados y variables— que General Translation puede traducir y renderizar. Es la forma estructurada de [`Content`](/docs/platform/core/reference/types/content) utilizada para el [`DataFormat`](/docs/platform/core/reference/types/data-format) `'JSX'`.

## Descripción general [#overview]

`JsxChildren` puede ser un único elemento hijo o una lista de elementos hijo. Cada elemento hijo es un `JsxChild`: una cadena, un [`JsxElement`](/docs/platform/core/reference/types/jsx-element) o una [`Variable`](/docs/platform/core/reference/types/variable).

```typescript
type JsxChildren = JsxChild | JsxChild[];

type JsxChild = string | JsxElement | Variable;
```

## Tipos de nodos hijo [#child-types]

Un `JsxChild` es uno de los siguientes:

| Tipo                                                            | Descripción                                                          |
| --------------------------------------------------------------- | -------------------------------------------------------------------- |
| `string`                                                        | Contenido de texto sin formato.                                      |
| [`JsxElement`](/docs/platform/core/reference/types/jsx-element) | Elemento estructurado con una etiqueta, atributos y elementos hijo.  |
| [`Variable`](/docs/platform/core/reference/types/variable)      | Marcador de posición dinámico para contenido en tiempo de ejecución. |

### `string`

Texto sin formato, renderizado tal cual.

### `JsxElement`

Un elemento estructurado similar a HTML con una etiqueta opcional ([`t`](/docs/react/reference/functions/t-function)), un id (`i`), propiedades de GT (`d`) y elementos hijo (`c`). Consulta [`JsxElement`](/docs/platform/core/reference/types/jsx-element) para ver la estructura completa:

```typescript
type JsxElement = {
  t?: string;      // nombre de etiqueta
  i?: number;      // id
  d?: GTProp;      // propiedades de GT
  c?: JsxChildren; // children
};
```

### `Variable`

Un marcador de posición para contenido dinámico, identificado por una clave (`k`) y un tipo de formato (`v`) opcional. (Consulta [`Variable`](/docs/platform/core/reference/types/variable)).

## Ejemplo [#example]

```typescript
import { JsxChildren, Variable } from 'generaltranslation/types';

// Texto simple
const text: JsxChildren = "Welcome!";

// Texto con variables
const greeting: JsxChildren = [
  "Hello, ",
  { k: 'userName' } as Variable,
  "!"
];
```

```typescript
// Elemento div
const divElement: JsxChildren = {
  t: 'div',
  c: ['Content here']
};

// Enlace con title
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'Visit homepage' },
  c: ['Click here']
};
```

## Sitemap

See the full [sitemap](https://generaltranslation.com/sitemap.md) for all pages.