Обзор

Тип DictionaryTranslationOptions используется для передачи переменных в словарные записи и задания способов их отображения. Он применяется вместе с useTranslations для передачи переменных в словарные записи.

Справочник

Параметры

Описание

Примеры

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

Чтобы передать переменную в запись словаря, нужно сделать две вещи: (1) добавить переменную в запись и (2) сослаться на неё при вызове d.

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

const dictionary = {
  greeting: {
    hello: 'Привет, {username}!',
  },
};

export default dictionary;

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

import { useTranslations } from 'gt-react';

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

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

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

const dictionary = {
  account: {
    balance: 'Баланс вашего аккаунта: {dollars, number, ::currency/USD}!',
  },
};

export default dictionary;

Далее мы ссылаемся на переменную:

import { useTranslations } from 'gt-react';

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

Примечания

• Объект variables передаёт значения в элемент словаря.
• Объект variablesOptions определяет поведение переменных.

Дальнейшие шаги

• См. dictionaries для получения дополнительной информации о словарях и распространённых практиках.
• См. useTranslations для получения дополнительной информации об интерфейсе словарей.
• См. ICU message format для получения дополнительной информации о вариантах форматирования.