Konten Berdasarkan Gender / Gender di Intlayer

Cara Kerja Gender

Di Intlayer, konten berdasarkan gender dicapai melalui fungsi gender, yang memetakan nilai gender spesifik ('male', 'female') ke konten yang sesuai. Pendekatan ini memungkinkan Anda untuk memilih konten secara dinamis berdasarkan gender yang diberikan. Ketika diintegrasikan dengan React Intlayer atau Next Intlayer, konten yang tepat secara otomatis dipilih sesuai dengan gender yang diberikan saat runtime.

Menyiapkan Konten Berdasarkan Gender

Untuk menyiapkan konten berdasarkan gender dalam proyek Intlayer Anda, buat modul konten yang mencakup definisi spesifik gender Anda. Berikut adalah contoh dalam berbagai format.

import { gender, type Dictionary } from "intlayer";const myGenderContent = {  key: "my_key",  content: {    myGender: gender({      male: "konten saya untuk pengguna laki-laki",      female: "konten saya untuk pengguna perempuan",      fallback: "konten saya ketika gender tidak ditentukan", // Opsional    }),  },} satisfies Dictionary;export default myGenderContent;

Jika tidak ada fallback yang dideklarasikan, kunci terakhir yang dideklarasikan akan digunakan sebagai fallback jika gender tidak ditentukan atau tidak cocok dengan gender yang didefinisikan.

Menggunakan Konten Berbasis Gender dengan React Intlayer

Untuk memanfaatkan konten berbasis gender dalam sebuah komponen React, impor dan gunakan hook useIntlayer dari paket react-intlayer. Hook ini mengambil konten untuk kunci yang ditentukan dan memungkinkan Anda untuk memasukkan gender guna memilih output yang sesuai.

import type { FC } from "react";import { useIntlayer } from "react-intlayer";const GenderComponent: FC = () => {  const { myGender } = useIntlayer("my_key");  return (    <div>      <p>        {          /* Output: konten saya untuk pengguna laki-laki */          myGender("male")        }      </p>      <p>        {          /* Output: konten saya untuk pengguna perempuan */          myGender("female")        }      </p>      <p>        {          /* Output: konten saya untuk pengguna laki-laki */          myGender("m")        }      </p>      <p>        {          /* Output: konten saya untuk pengguna perempuan */          myGender("f")        }      </p>      <p>        {          /* Output: konten saya ketika gender tidak ditentukan */          myGender("")        }      </p>      <p>        {          /* Output: konten saya ketika gender tidak ditentukan */          myGender(undefined)        }      </p>    </div>  );};export default GenderComponent;

Sumber Daya Tambahan

Untuk informasi lebih rinci tentang konfigurasi dan penggunaan, lihat sumber daya berikut:

• Dokumentasi Intlayer CLI
• Dokumentasi React Intlayer
• Dokumentasi Next Intlayer

Sumber daya ini menawarkan wawasan lebih lanjut tentang pengaturan dan penggunaan Intlayer di berbagai lingkungan dan kerangka kerja.