0Pricing
React Academy · Ders

Çoğullaştırma ve Araya Değer Ekleme

Sayıya dayalı çoğul biçimleri yönetin ve dinamik değerleri çevrilmiş metinlere ekleyin.

Çoğullaştırma ve Araya Değer Ekleme, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 4 dersten oluşur.

Hoş Geldiniz

Bu derste sayıya dayalı çoğul biçimlerini ele alacak ve i18next enterpolasyonu ile çoğul desteğini kullanarak çevrilmiş dizelere dinamik değerler ekleyeceksiniz.

Enterpolasyonun Temelleri

Çeviri dizelerinizde yer tutucu olarak çift küme parantezleri kullanın. Değişken değerlerini içeren bir nesneyi t() işlevine ikinci bağımsız değişken olarak iletin.
// JSON: "greeting": "Hello, {{name}}!"
t('greeting', { name: 'Alice' }); // Hello, Alice!

Birden Çok Enterpolasyon Değişkeni

Tek bir dizede gerektiği kadar enterpolasyon değişkeni kullanabilirsiniz.
// JSON: "summary": "You have {{count}} messages in {{folder}}"
t('summary', { count: 5, folder: 'Inbox' });
// You have 5 messages in Inbox

HTML'den Kaçış

Varsayılan olarak i18next, enterpolasyonla eklenen değerlerdeki HTML karakterlerinden kaçış yapar. Enterpolasyonla eklenen bir değerin içinde HTML işlemek için init yapılandırmasında `escapeValue: false` ayarlayın (React JSX'ten zaten kaçış yaptığı için bu işlem React'te güvenlidir).

Çoğul Biçimleri

i18next çoğul biçimlerini otomatik olarak destekler. Tekil için `key`, çoğul için `key_other` (veya `key_plural`) tanımlayın. Enterpolasyon nesnesinde `count` değerini iletin.
// JSON:
// "item": "{{count}} item"
// "item_other": "{{count}} items"

t('item', { count: 1 }); // 1 item
t('item', { count: 5 }); // 5 items

Dile Özgü Çoğul Kuralları

Farklı dillerin farklı çoğul kuralları vardır. Rusçada 4, Arapçada 6 çoğul biçimi bulunur. i18next, her dil için Unicode CLDR kurallarını otomatik olarak kullanır. Gerekli tüm biçimleri çeviri dosyasında tanımlayın.
// Russian (ru):
// key_one, key_few, key_many, key_other

Sıfır Biçimi

i18next, count değerinin 0 olduğu durumlar için özel bir `key_zero` biçimini de destekler; böylece '0 öğe' yerine 'Hiç öğe yok' gibi farklı bir ifade kullanılabilir.
// JSON:
// "messages_zero": "No messages"
// "messages_one": "{{count}} message"
// "messages_other": "{{count}} messages"

t('messages', { count: 0 }); // No messages

Çoğul İçeren İç İçe Anahtarlar

İç içe nesnelerin içinde çoğul anahtarları kullanabilirsiniz. Bunlara, normal iç içe anahtarlarda olduğu gibi nokta gösterimiyle erişin.
// JSON: { "cart": { "items_one": "item", "items_other": "items" } }
t('cart.items', { count: 3 }); // items

Tarih ve Sayı Biçimlendirme

i18next, yerel ayara uygun tarih ve sayı biçimlendirmesi için Intl API ile bütünleşir. Tarihleri çevirilerin bir parçası olarak biçimlendirmek için i18n.format() veya intlify eklentisini kullanın.
t('lastSeen', { date: new Date(), formatParams: {
  date: { month: 'long', day: 'numeric' }
}});

Bağlama Dayalı Çeviriler

Farklı bağlamlarda dil bilgisi açısından farklı biçimler kullanmak için `context` seçeneğinden yararlanın (örneğin cinsiyete göre değişen sözcükler). Çeviri dosyasında `key_male` ve `key_female` çeşitlerini tanımlayın.
// JSON: { "hero_male": "Hero", "hero_female": "Heroine" }
t('hero', { context: 'female' }); // Heroine

Hızlı Kontrol

i18next ile 'username' adlı dinamik değeri bir çeviri dizesine nasıl iletirsiniz?

Özet

Enterpolasyon için {{variable}}, çoğullar için key_other/key_one ve sıfır biçimleri için key_zero kullanın. i18next, her dil için Unicode CLDR çoğul kurallarını otomatik olarak uygular. Dil bilgisi çeşitleri için context kullanın.

Sırada

Sonraki ders: **Dil Değiştirici ve Çevirileri Tembel Yükleme** — bir yerel ayar değiştirici oluşturacak ve çeviri paketlerini gerektiğinde yükleyeceksiniz.

Sıkça Sorulan Sorular

“Çoğullaştırma ve Araya Değer Ekleme” dersi ücretsiz mi?

Evet — “Çoğullaştırma ve Araya Değer Ekleme” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 4 dersten oluşur.

“Çoğullaştırma ve Araya Değer Ekleme” dersinde ne öğreneceğim?

Sayıya dayalı çoğul biçimleri yönetin ve dinamik değerleri çevrilmiş metinlere ekleyin. React Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

React Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te React Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Çoğullaştırma ve Araya Değer Ekleme” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu React Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her React Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. react-i18next Kurulumu
  2. useTranslation Hook'unu Kullanma
  3. Çoğullaştırma ve Araya Değer Ekleme
  4. Dil Değiştirici ve Çevirileri Tembel Yükleme
← React Academy Sayfasına Dön