# react-native: loadTranslations
URL: https://generaltranslation.com/es/docs/react-native/api/config/load-translations.mdx
---
title: loadTranslations
description: Referencia de la API para la función loadTranslations()
---

{/* GENERADO AUTOMÁTICAMENTE: No edites esto directamente. Edita la plantilla en content/docs-templates/. */}


## Descripción general

La función `loadTranslations` es la forma principal de personalizar cómo se cargan las traducciones.

En producción, tus traducciones deben almacenarse para poder renderizarse en tu aplicación.
De forma predeterminada, tus traducciones se almacenarán en la CDN de GT.
Puedes especificar una función `loadTranslations` para obtener las traducciones desde otra fuente, por ejemplo:

* Desde el bundle de tu aplicación (lo más habitual)
* Desde una base de datos
* Desde una API
* Desde una CDN distinta

Ofrecemos compatibilidad integrada para cargar traducciones desde archivos locales en el bundle de tu aplicación.
Sigue [esta guía](/docs/react-native/guides/local-tx) para configurar traducciones locales en tu aplicación de React Native.

## Referencia

### Parámetros

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

### Descripción

| Tipo     | Descripción                                                            |
| -------- | ---------------------------------------------------------------------- |
| `locale` | La configuración regional para la que deben cargarse las traducciones. |

### Devuelve

Una `Promise<any>` que se resuelve como una cadena o un objeto JSX que contiene las traducciones para la configuración regional indicada.

***

## Configuración

Debes importar la función `loadTranslations` y pasarla como 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>
);
```

***


## Ejemplos

### Cargar traducciones desde archivos locales

Cuando se configura para usar [traducciones locales](/docs/react-native/guides/local-tx), con el comando [`gt translate`](/docs/cli/translate) las traducciones se guardan en el directorio `./src/_gt`.

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


### Carga las traducciones desde tu propia 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 {};
  }
};
```

***


## Notas

* `loadTranslations` te permite personalizar cómo se cargan las traducciones en producción en tu aplicación.
* Su uso más habitual es añadir [traducciones locales](/docs/react-native/guides/local-tx)

## Siguientes pasos