# generaltranslation: General Translation Core SDK: JsxChildren
URL: https://generaltranslation.com/fr/docs/core/types/jsx-children.mdx
---
title: JsxChildren
description: Définition de type pour du contenu JSX pouvant être traduit et affiché
---

## Vue d’ensemble

`JsxChildren` désigne un contenu JSX contenant du texte, des éléments et des variables à traduire.

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


## Structure

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

| Type         | Description              |
| ------------ | ------------------------ |
| `string`     | Texte brut               |
| `JsxElement` | Élément structuré        |
| `Variable`   | Espace réservé dynamique |


### JsxElement

```typescript
type JsxElement = {
  t?: string;      // nom de balise
  i?: number;      // identifiant  
  d?: GTProp;      // propriétés GT
  c?: JsxChildren; // enfants
};
```


## Exemples

### Utilisation de base

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

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

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


### Éléments structurés

```typescript copy
// Élément div
const divElement: JsxChildren = {
  t: 'div',
  c: ['Content here']
};

// Lien avec titre
const linkElement: JsxChildren = {
  t: 'a',
  d: { ti: 'Visit homepage' },
  c: ['Click here']
};
```


## Types connexes

* [`JsxChild`](/docs/core/types/jsx-child) - Types d’éléments enfants individuels
* [`JsxElement`](/docs/core/types/jsx-element) - Définitions structurées des éléments