# react-native: loadTranslations
URL: https://generaltranslation.com/fr/docs/react-native/api/config/load-translations.mdx
---
title: loadTranslations
description: Référence de l’API de la fonction loadTranslations()
---

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


## Vue d’ensemble

La fonction `loadTranslations` est le moyen principal de personnaliser le comportement de chargement des traductions.

En production, vos traductions doivent être stockées afin de pouvoir être affichées dans votre application.
Par défaut, vos traductions sont stockées sur le CDN de GT.
Vous pouvez spécifier une fonction `loadTranslations` pour charger les traductions depuis une autre source, comme :

* Depuis le bundle de votre application (le plus courant)
* Depuis une base de données
* Depuis une API
* Depuis un autre CDN

Nous prenons en charge de façon native le chargement des traductions à partir de fichiers locaux dans le bundle de votre application.
Suivez [ce guide](/docs/react-native/guides/local-tx) pour configurer des traductions locales dans votre application React Native.

## Référence

### Paramètres

<TypeTable
  type={{
  "locale": {
      type: 'string',
      optional: false,
  },
}}
/>

### Description

| Type     | Description                                                |
| -------- | ---------------------------------------------------------- |
| `locale` | Le paramètre régional pour lequel charger les traductions. |

### Renvoie

Une `Promise<any>` qui renvoie soit une chaîne, soit un objet JSX contenant les traductions pour le paramètre régional spécifié.

***

## Configuration

Vous devez importer la fonction `loadTranslations` et la transmettre comme prop au composant `<GTProvider>`.

```jsx title="src/index.js"
import loadTranslations from './loadTranslations';

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <GTProvider locales={['es', 'fr']} loadTranslations={loadTranslations}> // [!code highlight]
      <App />
    </GTProvider>
  </StrictMode>
);
```

***


## Exemples

### Charger les traductions depuis des fichiers locaux

Lorsqu&#39;il est configuré pour utiliser les [traductions locales](/docs/react-native/guides/local-tx), la commande [`gt translate`](/docs/cli/translate) enregistre les traductions dans le répertoire `./src/_gt`.

```js title="loadTranslations.js"
export default async function loadTranslations(locale) {
  const translations = await import(`./_gt/${locale}.json`);
  return translations.default;
};
```


### Chargez les traductions depuis votre CDN

```js title="loadTranslations.js"
export default async function loadTranslations(locale) {
  try {
    const translations = await fetch(`https://your-cdn.com/translations/${locale}.json`);
    const data = await translations.json();
    return data;
  } catch (e) {
    console.error(e);
    return {};
  }
};
```

***


## Remarques

* `loadTranslations` vous permet de personnaliser la façon dont les traductions sont chargées dans votre application en production.
* Son cas d’usage le plus courant est l’ajout de [traductions locales](/docs/react-native/guides/local-tx)

## Étapes suivantes