# react-native: DictionaryTranslationOptions
URL: https://generaltranslation.com/fr/docs/react-native/api/types/dictionary-translation-options.mdx
---
title: DictionaryTranslationOptions
description: Référence API du type DictionaryTranslationOptions
---

{/* GÉNÉRÉ AUTOMATIQUEMENT : Ne modifiez pas ce fichier directement. Modifiez plutôt le modèle dans content/docs-templates/. */}


## Vue d’ensemble

Le type `DictionaryTranslationOptions` sert à transmettre des variables aux entrées du dictionnaire et à définir leur comportement de rendu.
Il est utilisé avec [`useTranslations`](/docs/react-native/api/dictionary/use-translations) pour transmettre des variables aux entrées du dictionnaire.

<Callout>
  **Traduction à la compilation :**
  Les traductions `useTranslations` ont lieu à la compilation ; cependant, les variables ne sont jamais traduites.
  Elles sont plutôt insérées dans la traduction avec leur mise en forme.
  Veillez à suivre le [guide de déploiement disponible ici](/docs/react-native/tutorials/quickdeploy).
</Callout>

## Référence

### Paramètres

<TypeTable
  type={{
  "variables?": {
      type: 'Record<string, any>',
      optional: true,
      default: 'undefined',
  },
}}
/>

### Description

| Prop        | Description                                                                                               |
| ----------- | --------------------------------------------------------------------------------------------------------- |
| `variables` | Un objet dont les clés indiquent à quel emplacement de l’entrée du dictionnaire chaque valeur correspond. |

***

## Exemples

### Transmission de variables

Pour transmettre une variable à une entrée du dictionnaire, nous devons faire deux choses : (1) ajouter une variable à l’entrée et (2) référencer cette variable dans l’appel à [`d`](/docs/react-native/api/dictionary/use-translations).

Commençons par ajouter une variable à l’entrée du dictionnaire avec la syntaxe suivante : `{username}`.
`username` est le nom de la variable.

```jsx title="dictionary.ts"
// [!code word:username]
const dictionary = {
  greeting: {
    hello: 'Hello, {username}!',
  },
};

export default dictionary;
```

Ensuite, on fait référence à la variable :

```jsx title="Component.tsx"
// [!code word:username]
import { useTranslations } from 'gt-react-native';

const Component = () => {
  const t = useTranslations();
  return <div>{t('greeting.hello', { username : 'Brian123' })}</div>;
};
```


### Utiliser le format de message ICU

`gt-react-native` prend en charge le format de message ICU, ce qui vous permet également de formater vos variables.

```jsx title="dictionary.ts"
// [!code word:account-balance]
const dictionary = {
  account: {
    balance: 'Your account balance: {dollars, number, ::currency/USD}!',
  },
};

export default dictionary;
```

Ensuite, nous faisons référence à la variable :

```jsx title="Component.tsx"
// [!code word:account-balance]
import { useTranslations } from 'gt-react-native';

const Component = () => {
  const t = useTranslations();
  return <div>
    { t(
      'account.balance',
      {
        "dollars" : 1000000,
      }
    ) }
  </div>;
};
```

***


## Remarques

* L’objet `variables` transmet des valeurs à une entrée du dictionnaire.
* L’objet `variablesOptions` définit le comportement des variables.

## Prochaines étapes

* Consultez [les dictionnaires](/docs/react-native/guides/dictionaries) pour en savoir plus sur les dictionnaires et les bonnes pratiques.
* Consultez [`useTranslations`](/docs/react-native/api/dictionary/use-translations) pour en savoir plus sur l’interface des dictionnaires.
* Consultez le [`format de message ICU`](https://unicode-org.github.io/icu/userguide/format_parse/messages/) pour en savoir plus sur les options de formatage.