İçeriğe geç

Props

Props, React’te bileşenler arasında veri aktarımı yapmamızı sağlayan bir yapıdır. Bir ana bileşenden alt bileşenlere veri göndermek için kullanılır ve salt okunur (read-only) yani değiştirilemezler.

Props’un Özellikleri:

  • Nesne Olarak Gönderilir: Props, bir nesne olarak gönderilir. Bu nesne, key-value çiftlerinden oluşur.
  • Salt Okunur: Props, sadece ana bileşende değiştirilebilir. Alt bileşenlerde props’u değiştirmeye çalışırsanız, hata alırsınız.
  • Tek Yönlü Akış: Veriler ana bileşenden alt bileşenlere doğru tek yönlü olarak akar. Alt bileşenler, ana bileşendeki verileri değiştiremez.

Props’u Kullanmanın Faydaları:

  • Kodun Tekrar Kullanılabilirliğini Artırır: Props, bileşenleri daha modüler ve tekrar kullanılabilir hale getirir.
  • Veri Akışını Kolaylaştırır: Props, bileşenler arasında veri akışını organize ve kolay hale getirir.
  • Kodun Bakımı Kolaylaştırır: Props, kodun daha okunabilir ve bakımı kolay hale getirir.

Props Kullanım Örnekleri:

  • Bir kullanıcı adı ve profil resmi gibi bilgileri bir başlık bileşenine göndermek için props kullanılabilir.
  • Bir ürün listesi gibi verileri bir ürün kartı bileşenine göndermek için props kullanılabilir.
  • Bir butonun rengini veya metnini props ile dinamik olarak değiştirmek için kullanılabilir.

Test