Хук useDictionary позволяет обрабатывать объект, похожий на словарь (содержащий ключи и содержимое), и обрабатывать переводы, перечисления и т. д. в нём. В отличие от useIntlayer, который предназначен для работы с генерируемыми объявлениями словарей, useDictionary более гибок и может использоваться с любым объектом, который соответствует структуре словаря.

Пример использования в React

Ниже приведён пример использования хука useDictionary в React-компоненте:

./ComponentExample.tsx

Копировать код

Копировать код в буфер обмена

import type { FC } from "react";
import { useDictionary } from "react-intlayer";
import componentContent from "./component.content";

const ComponentExample: FC = () => {
  const { title, content } = useDictionary(componentContent);

  return (
    <div>
      <h1>{title}</h1>
      <p>{content}</p>
    </div>
  );
};

Дополнительные советы

Типобезопасность: Всегда используйте Dictionary для определения ваших словарей, чтобы обеспечить типобезопасность.
Обновления локализации: При обновлении контента убедитесь, что все локали согласованы, чтобы избежать отсутствующих переводов.

Данная документация сосредоточена на интеграции хука useDictionary, предоставляя упрощённый подход к управлению локализованным контентом без зависимости от функционала визуального редактора.

useI18n