# 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 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 poder 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 las traducciones desde 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

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 React.

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

***

## Configuración

Debes importar la función `loadTranslations` y asignarla como propiedad 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/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