# gt-react: General Translation React SDK: loadTranslations
URL: https://generaltranslation.com/fr/docs/react/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 directement. Modifiez plutôt le modèle dans content/docs-templates/. */}


## Vue d’ensemble

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

En production, vos traductions doivent être stockées pour pouvoir être affichées dans votre application.
Par défaut, elles sont stockées sur le CDN de GT.
Vous pouvez définir une fonction `loadTranslations` pour récupérer les traductions depuis une autre source, par exemple :

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

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

## Référence

### Paramètres

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

### Description

| Type     | Description                                                       |
| -------- | ----------------------------------------------------------------- |
| `locale` | Le paramètre régional dont les traductions doivent être chargées. |

### Renvoie

Une `Promise<any>` qui se résout en une chaîne de caractères ou un objet JSX contenant les traductions pour le paramètre régional indiqué.

***

## Configuration

Vous devez importer la fonction `loadTranslations` et la passer en tant que 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 à partir de fichiers locaux

Lorsqu’elle est configurée pour utiliser des [traductions locales](/docs/react/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 à partir de votre propre 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 manière dont les traductions sont chargées dans votre application en production.
* Son cas d’usage le plus courant est d’ajouter des [traductions locales](/docs/react/guides/local-tx)

## Étapes suivantes