# gt-react: General Translation React SDK: loadTranslations
URL: https://generaltranslation.com/es/docs/react/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 que puedan mostrarse 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, como:

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

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

## Referencia

### Parámetros

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

### Descripción

| Tipo     | Descripción                                                   |
| -------- | ------------------------------------------------------------- |
| `locale` | La configuración regional cuyas traducciones se deben cargar. |

### Devuelve

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

***

## Configuración

Debes importar la función `loadTranslations` y asignarla 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 está configurado para usar [traducciones locales](/docs/react/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 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 tu aplicación en producción.
* Su caso de uso más habitual es añadir [traducciones locales](/docs/react/guides/local-tx)

## Próximos pasos