Dokumentasi Hook useDictionary

Hook useDictionary mengubah objek kamus yang diimpor atau inline dan mengembalikan kontennya yang diselesaikan untuk locale permintaan saat ini di aplikasi Remix 3.

Tidak seperti useIntlayer, yang menyelesaikan kamus berdasarkan kunci string dari registri kamus global, useDictionary menerima objek kamus secara langsung.

Penggunaan

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>
  `;
};

Anda juga dapat meneruskan kamus inline yang ditentukan dengan t():

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

export const FooterView = () => {
  const content = useDictionary({
    key: "footer",
    content: {
      copyright: t({
        id: "Hak cipta dilindungi undang-undang.",
        en: "All rights reserved.",
        fr: "Tous droits réservés.",
        es: "Todos los derechos reservados.",
      }),
    },
  });

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

Parameter

useDictionary(dictionary, localeOrSelector?)

1. dictionary: Objek kamus atau grup kamus yang memenuhi syarat.
2. localeOrSelector (opsional): Objek locale atau pemilih tertentu ({ item }, { variant }, secara opsional dengan locale). Diutamakan daripada locale permintaan jika disediakan.

Deskripsi

Hook melakukan tugas-tugas berikut:

1. Deteksi Locale: Membaca locale permintaan aktif dari penyimpanan AsyncLocalStorage yang dibuat oleh middleware intlayer().
2. Resolusi Konten: Mengevaluasi terjemahan (t()), enumerasi, kondisi, dan struktur bersarang sesuai dengan locale yang diselesaikan.
3. Pemrosesan Pemilih: Menerapkan setiap pemilih item atau varian yang ditentukan dalam argumen.

Dokumentasi Terkait

• Middleware intlayer
• Hook useIntlayer
• Hook useLocale