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

{/* GENERATO AUTOMATICAMENTE: Non modificare direttamente. Modifica invece il template 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 visualizzate nell'app.
Per impostazione predefinita, le traduzioni verranno archiviate nella CDN di GT.
Puoi specificare una funzione `loadTranslations` per ottenere 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-native/guides/local-tx) per configurare le traduzioni locali nella tua app React Native.

## 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 si risolve con una stringa o un oggetto JSX contenente le traduzioni per l&#39;impostazione regionale specificata.

***

## Setup

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

### Carica le traduzioni da file locali

Quando è configurato per usare le [traduzioni locali](/docs/react-native/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 consente di personalizzare il caricamento delle traduzioni nella tua app in produzione.
* Il caso d&#39;uso più comune è aggiungere [traduzioni locali](/docs/react-native/guides/local-tx)

## Prossimi passaggi