Перейти к содержимому

Использование словарей

Словари — это классические файлы переводов в формате ключ-значение. Они полезны для:

  • Общих строк, используемых во многих компонентах (подписи кнопок, сообщения об ошибках)
  • Контента, управляемого вне вашей кодовой базы
  • Миграции с существующих i18n-настроек
{
"dictionaries": {
"include": ["src/dictionaries/*.json"],
"format": "key-value"
}
}
src/dictionaries/common.json
{
"save": "Save",
"cancel": "Cancel",
"delete": "Delete",
"loading": "Loading..."
}

useDictionary(filenameKey) ищет один файл словаря и возвращает Record<string, string>. Ключ имени файла — это путь к словарю без расширения .json:

  • src/dictionaries/common.jsoncommon
  • src/dictionaries/pages/home.jsonpages/home
import { useDictionary } from 'tyndale-react';
export function ActionButtons() {
const labels = useDictionary('common');
return (
<div>
<button>{labels.save ?? 'Save'}</button>
<button>{labels.cancel ?? 'Cancel'}</button>
</div>
);
}

Если для ключа имени файла не найдено подходящих записей, useDictionary(filenameKey) возвращает пустой объект.