# 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. En su lugar, edita la plantilla en content/docs-templates/. */}

## Resumen

La función `loadTranslations` es la forma principal de personalizar el comportamiento de carga de traducciones.

En producción, tus traducciones deben almacenarse para que puedan renderizarse en tu aplicación.
Por defecto, tus traducciones se almacenarán en la CDN de GT.
Puedes especificar una función `loadTranslations` para obtener traducciones de un origen diferente, como:

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

Hemos integrado compatibilidad 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 React Native.

## Referencia

### Parámetros

<TypeTable
  type={{
  "locale": {
      type: 'cadena',
      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 de la configuración regional especificada.

***

## 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

Si se configura para usar [traducciones locales](/docs/react-native/guides/local-tx), el comando [`gt translate`](/docs/cli/translate) guarda las traducciones 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;
};
```

### Cargar traducciones desde tu propio 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 tu aplicación en producción.
* Su caso de uso más habitual es agregar [traducciones locales](/docs/react-native/guides/local-tx)

## Próximos pasos