# react-native: DictionaryTranslationOptions
URL: https://generaltranslation.com/ru/docs/react-native/api/types/dictionary-translation-options.mdx
---
title: DictionaryTranslationOptions
description: Справка по API для типа DictionaryTranslationOptions
---

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


## Обзор

Тип `DictionaryTranslationOptions` используется для передачи переменных в словарные записи и настройки их поведения при рендеринге.
Он используется вместе с [`useTranslations`](/docs/react-native/api/dictionary/use-translations) для передачи переменных в словарные записи.

<Callout>
  **Перевод на этапе сборки:**
  Переводы через `useTranslations` выполняются на этапе сборки; однако переменные никогда не переводятся.
  Вместо этого они подставляются в перевод с форматированием.
  Обязательно следуйте [этому руководству по развертыванию](/docs/react-native/tutorials/quickdeploy).
</Callout>

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

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

<TypeTable
  type={{
  "variables?": {
      type: 'Record<string, any>',
      optional: true,
      default: 'undefined',
  },
}}
/>

### Описание

| Prop        | Описание                                                                                        |
| ----------- | ----------------------------------------------------------------------------------------------- |
| `variables` | Объект, в котором ключи указывают, какому месту в словарной записи соответствует каждое значение. |

***

## Примеры

### Передача переменных

Чтобы передать переменную в словарную запись, нужно сделать две вещи: (1) добавить переменную в запись и (2) сослаться на неё при вызове [`d`](/docs/react-native/api/dictionary/use-translations).

Сначала добавьте переменную в словарную запись, используя следующий синтаксис: `{username}`.
`username` — имя переменной.

```jsx title="dictionary.ts"
// [!code word:username]
const dictionary = {
  greeting: {
    hello: 'Hello, {username}!',
  },
};

export default dictionary;
```

Далее обращаемся к переменной:

```jsx title="Component.tsx"
// [!code word:username]
import { useTranslations } from 'gt-react-native';

const Component = () => {
  const t = useTranslations();
  return <div>{t('greeting.hello', { username : 'Brian123' })}</div>;
};
```

### Использование формата сообщений ICU

`gt-react-native` поддерживает формат сообщений ICU, который также позволяет форматировать значения переменных.

```jsx title="dictionary.ts"
// [!code word:account-balance]
const dictionary = {
  account: {
    balance: 'Баланс вашего счёта: {dollars, number, ::currency/USD}!',
  },
};

export default dictionary;
```

Далее мы обращаемся к переменной:

```jsx title="Component.tsx"
// [!code word:account-balance]
import { useTranslations } from 'gt-react-native';

const Component = () => {
  const t = useTranslations();
  return <div>
    { t(
      'account.balance',
      {
        "dollars" : 1000000,
      }
    ) }
  </div>;
};
```

***


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

* Объект `variables` передаёт значения в словарную запись.
* Объект `variablesOptions` задаёт поведение переменных.

## Что дальше

* См. [словари](/docs/react-native/guides/dictionaries), чтобы узнать больше о словарях и распространённых практиках.
* См. [`useTranslations`](/docs/react-native/api/dictionary/use-translations), чтобы узнать больше об интерфейсе словарей.
* См. [`формат сообщений ICU`](https://unicode-org.github.io/icu/userguide/format_parse/messages/), чтобы узнать больше о параметрах форматирования.