# gt-react: General Translation React SDK: loadTranslations
URL: https://generaltranslation.com/it/docs/react/api/config/load-translations.mdx
---
title: loadTranslations
description: Riferimento API della funzione loadTranslations()
---

{/* GENERATO AUTOMATICAMENTE: non modificare direttamente. Modifica invece il modello in content/docs-templates/. */}


## Panoramica

La funzione `loadTranslations` è il modo principale per personalizzare il comportamento di caricamento delle traduzioni.

In produzione, le traduzioni devono essere archiviate in modo da poter essere renderizzate nella tua app.
Per impostazione predefinita, le traduzioni vengono archiviate nella CDN di GT.
Puoi specificare una funzione `loadTranslations` per recuperare le traduzioni da un'origine diversa, ad esempio:

* Dal bundle della tua app (il caso più comune)
* Da un database
* Da un'API
* Da una CDN diversa

Abbiamo integrato il supporto per caricare le traduzioni da file locali inclusi nel bundle della tua app.
Segui [questa guida](/docs/react/guides/local-tx) per configurare le traduzioni locali nella tua app React.

## Riferimento

### Parametri

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

### Descrizione

| Tipo     | Descrizione                                                                |
| -------- | -------------------------------------------------------------------------- |
| `locale` | L&#39;impostazione regionale per cui devono essere caricate le traduzioni. |

### Restituisce

Una `Promise<any>` che viene risolta in una stringa o in un oggetto JSX contenente le traduzioni per l&#39;impostazione regionale indicata.

***

## Configurazione

Devi importare la funzione `loadTranslations` e assegnarla come prop al componente `<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>
);
```

***


## Esempi

### Caricare le traduzioni da file locali

Quando è configurato per usare le [traduzioni locali](/docs/react/guides/local-tx), il comando [`gt translate`](/docs/cli/translate) salva le traduzioni nella directory `./src/_gt`.

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


### Carica le traduzioni dal tuo 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 {};
  }
};
```

***


## Note

* `loadTranslations` ti permette di personalizzare il modo in cui le traduzioni vengono caricate nella tua app in produzione.
* Il caso d’uso più comune è l’aggiunta di [traduzioni locali](/docs/react/guides/local-tx)

## Passaggi successivi