Cinsiyete Dayalı İçerik / Intlayer'da Cinsiyet

Cinsiyet Nasıl Çalışır

Intlayer'da cinsiyete dayalı içerik, belirli cinsiyet değerlerini ('male', 'female') karşılık gelen içeriklerine eşleyen gender fonksiyonu aracılığıyla gerçekleştirilir. Bu yaklaşım, verilen cinsiyete göre içeriği dinamik olarak seçmenizi sağlar. React Intlayer veya Next Intlayer ile entegre edildiğinde, çalışma zamanında sağlanan cinsiyete göre uygun içerik otomatik olarak seçilir.

Cinsiyete Dayalı İçeriği Ayarlama

Intlayer projenizde cinsiyete dayalı içeriği ayarlamak için, cinsiyete özel tanımlarınızı içeren bir içerik modülü oluşturun. Aşağıda çeşitli formatlarda örnekler verilmiştir.

import { gender, type Dictionary } from "intlayer";const myGenderContent = {  key: "my_key",  content: {    myGender: gender({      male: "erkek kullanıcılar için içeriğim",      female: "kadın kullanıcılar için içeriğim",      fallback: "cinsiyet belirtilmediğinde içeriğim", // İsteğe bağlı    }),  },} satisfies Dictionary;export default myGenderContent;

Eğer hiçbir fallback bildirilmezse, cinsiyet belirtilmezse veya tanımlanan herhangi bir cinsiyetle eşleşmezse bildirilen son anahtar fallback olarak alınacaktır.

React Intlayer ile Cinsiyete Dayalı İçeriği Kullanma

Bir React bileşeninde cinsiyete dayalı içeriği kullanmak için, react-intlayer paketinden useIntlayer hook'unu içe aktarın ve kullanın. Bu hook, belirtilen anahtar için içeriği getirir ve uygun çıktıyı seçmek için bir cinsiyet geçmenizi sağlar.

import type { FC } from "react";import { useIntlayer } from "react-intlayer";const GenderComponent: FC = () => {  const { myGender } = useIntlayer("my_key");  return (    <div>      <p>        {          /* Çıktı: erkek kullanıcılar için içeriğim */          myGender("male")        }      </p>      <p>        {          /* Çıktı: kadın kullanıcılar için içeriğim */          myGender("female")        }      </p>      <p>        {          /* Çıktı: erkek kullanıcılar için içeriğim */          myGender("m")        }      </p>      <p>        {          /* Çıktı: kadın kullanıcılar için içeriğim */          myGender("f")        }      </p>      <p>        {          /* Çıktı: cinsiyet belirtilmediğinde içeriğim */          myGender("")        }      </p>      <p>        {          /* Çıktı: cinsiyet belirtilmediğinde içeriğim */          myGender(undefined)        }      </p>    </div>  );};export default GenderComponent;

Ek Kaynaklar

Yapılandırma ve kullanım hakkında daha detaylı bilgi için aşağıdaki kaynaklara başvurun:

• Intlayer CLI Dokümantasyonu
• React Intlayer Dokümantasyonu
• Next Intlayer Dokümantasyonu

Bu kaynaklar, çeşitli ortamlar ve çerçevelerde Intlayer'ın kurulumu ve kullanımı hakkında daha fazla bilgi sunar.

Dokümantasyon Geçmişi