Документація Hook useDictionary

Hook useDictionary дозволяє обробляти об'єкт, який виглядає як словник (містить ключі та вміст) та обробляти переклади, перелічення тощо всередині нього. На відміну від useIntlayer, який призначений для роботи з генерованими деклараціями словників, useDictionary є більш гнучким і може використовуватися з будь-яким об'єктом, що відповідає структурі словника.

Інтеграція на сервері

Якщо ви використовуєте хук useDictionary поза межами IntlayerProvider, локаль має бути явно передана як параметр під час рендерингу компонента:

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

const ServerComponentExample: FC<{ locale: string }> = ({ locale }) => {
  const { content } = useDictionary(clientComponentExampleContent, locale);

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

Додаткові поради

• Type Safety: Завжди використовуйте Dictionary для визначення ваших словників, щоб забезпечити Type Safety.
• Localization Updates: Під час оновлення контенту переконайтеся, що всі локалі узгоджені, щоб уникнути відсутніх перекладів.

Ця документація зосереджена на інтеграції хука useDictionary, надаючи оптимізований підхід до керування локалізованим контентом без покладання на функціональність візуальних редакторів.