# gt-react: General Translation React SDK: loadTranslations
URL: https://generaltranslation.com/ru/docs/react/api/config/load-translations.mdx
---
title: loadTranslations
description: Справка по API функции loadTranslations()
---

{/* СГЕНЕРИРОВАНО АВТОМАТИЧЕСКИ: Не редактируйте напрямую. Вместо этого измените шаблон в content/docs-templates/. */}


## Обзор

Функция `loadTranslations` — основной способ настроить загрузку переводов.

В продакшене переводы должны где-то храниться, чтобы приложение могло их отображать.
По умолчанию переводы хранятся в CDN GT.
Вы можете указать функцию `loadTranslations`, чтобы получать переводы из другого источника, например:

* Из бандла вашего приложения (самый распространённый вариант)
* Из базы данных
* Из API
* Из другого CDN

Мы поддерживаем загрузку переводов из локальных файлов в бандле вашего приложения.
Следуйте [этому руководству](/docs/react/guides/local-tx), чтобы настроить локальные переводы в вашем React-приложении.

## Справочник

### Параметры

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

### Описание

| Тип      | Описание                                        |
| -------- | ----------------------------------------------- |
| `locale` | Локаль, для которой следует загружать переводы. |

### Возвращает

`Promise<any>`, который возвращает строку или JSX-объект с переводами для указанной локали.

***

## Настройка

Необходимо импортировать функцию `loadTranslations` и передать её в качестве пропса компоненту `<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>
);
```

***


## Примеры

### Загрузка переводов из локальных файлов

Если настроено использование [локальных переводов](/docs/react/guides/local-tx), команда [`gt translate`](/docs/cli/translate) сохраняет переводы в каталоге `./src/_gt`.

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


### Загружайте переводы со своего 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 {};
  }
};
```

***


## Примечания

* `loadTranslations` позволяет настроить, как в продакшене загружаются переводы в вашем приложении.
* Чаще всего это используется для добавления [локальных переводов](/docs/react/guides/local-tx)

## Следующие шаги