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.

**/*.content.ts

Kodu kopyala

Kodu panoya kopyala

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.

**/*.tsx

Kodu kopyala

Kodu panoya kopyala

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:

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

Koşul

Ekleme

Oluşturma:2025-09-07Son güncelleme:2025-09-07

Bu dokümanı favori AI asistanınıza referans verin

ChatGPT

Claude

DeepSeek

Google AI mode Gemini

Perplexity Mistral

Grok

Sorunuzu sorun ve bu sayfaya ve seçtiğiniz AI sağlayıcısına referans vererek belgenin bir özetini alın

Sürüm Geçmişi

"Cinsiyete dayalı içerik tanıtıldı"
v5.7.227.07.2025

Bu sayfanın içeriği bir yapay zeka kullanılarak çevrildi.

Orijinal içeriğin İngilizce son sürümünü görüntüleyin

Bu dokümanı düzenle

Bu dokümantasyonu geliştirmek için bir fikriniz varsa, lütfen GitHub'da bir çekme isteği göndererek katkıda bulunmaktan çekinmeyin.

Dokümantasyon için GitHub bağlantısı

Kopyala

Belge Markdown'ını panoya kopyala

Cinsiyete Dayalı İçerik / Intlayer'da Cinsiyet

Cinsiyet Nasıl Çalışır

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.

**/*.content.ts

Kodu kopyala

Kodu panoya kopyala

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

**/*.tsx

Kodu kopyala

Kodu panoya kopyala

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:

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

Koşul

Ekleme