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

Хук useDictionary перетворює імпортований або вбудований об'єкт словника та повертає його вміст, визначений для локалі поточного запиту в додатках Remix 3.

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

Використання

import { useDictionary } from "remix-intlayer";
import homeContent from "./home.content";

export const HomeView = () => {
  const content = useDictionary(homeContent);

  return `
    <div>
      <h1>${content.title}</h1>
      <p>${content.subtitle}</p>
    </div>
  `;
};

Ви також можете передавати вбудовані словники, визначені за допомогою t():

import { useDictionary } from "remix-intlayer";
import { t } from "intlayer";

export const FooterView = () => {
  const content = useDictionary({
    key: "footer",
    content: {
      copyright: t({
        uk: "Усі права захищені.",
        en: "All rights reserved.",
        fr: "Tous droits réservés.",
        es: "Todos los derechos reservados.",
      }),
    },
  });

  return `<footer>${content.copyright}</footer>`;
};

Параметри

useDictionary(dictionary, localeOrSelector?)

1. dictionary: Об'єкт словника або кваліфікована група словників.
2. localeOrSelector (необов'язково): Конкретна локаль або об'єкт селектора ({ item }, { variant }, необов'язково з locale). Має пріоритет над локаллю запиту, якщо вказано.

Опис

Хук виконує такі завдання:

1. Визначення локалі: Зчитує активну локаль запиту зі сховища AsyncLocalStorage, створеного middleware intlayer().
2. Розв'язання вмісту: Оцінює переклади (t()), перелічення, умови та вкладені структури відповідно до визначеної локалі.
3. Обробка селекторів: Застосовує будь-які селектори елементів або варіантів, указані в аргументах.

Пов'язана документація

• Middleware intlayer
• Хук useIntlayer
• Хук useLocale