Ekleme İçeriği / Intlayer'da Ekleme

Ekleme Nasıl Çalışır

Intlayer'da ekleme içeriği, insertion fonksiyonu aracılığıyla gerçekleştirilir ve bir dizedeki yer tutucu alanlarını (örneğin {{name}} veya {{age}}) çalışma zamanında dinamik olarak değiştirilebilir olarak tanımlar. Bu yaklaşım, uygulamanızdan geçirilen verilere göre içeriğin belirli bölümlerinin belirlendiği esnek, şablon benzeri dizeler oluşturmanıza olanak sağlar.

React Intlayer veya Next Intlayer ile entegre edildiğinde, her yer tutucu için değerleri içeren veri nesnesini sağlamanız yeterlidir ve Intlayer yer tutucuların değiştirildiği içerikle otomatik olarak işler.

Ekleme İçeriğini Ayarlama

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

import { insert, type Dictionary } from "intlayer";const myInsertionContent = {  key: "my_key",  content: {    myInsertion: insert("Merhaba, adım {{name}} ve {{age}} yaşındayım!"),  },} satisfies Dictionary;export default myInsertionContent;

React Intlayer ile Ekleme İçeriğini Kullanma

Bir React bileşeninde ekleme içeriğini 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 alır ve içeriğinizdeki her yer tutucuyu görüntülemek istediğiniz değere eşleyen bir nesne geçmenizi sağlar.

import type { FC } from "react";import { useIntlayer } from "react-intlayer";const InsertionComponent: FC = () => {  const { myInsertion } = useIntlayer("my_key");  return (    <div>      <p>        {          /* Çıktı: "Merhaba, adım John ve 30 yaşındayım!" */          myInsertion({ name: "John", age: "30" })        }      </p>      <p>        {          /* Aynı eklemeyi farklı değerlerle yeniden kullanabilirsiniz */          myInsertion({ name: "Alice", age: "25" })        }      </p>    </div>  );};export default InsertionComponent;

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