React bağlamında props nedir?

React'te props (İngilizce properties kelimesinden gelir) bir nesnedir ve ebeveyn bileşenden çocuk bileşene aktarılan verileri içerir. Çocuk bileşen içinde yalnızca okunabilir durumdadırlar ve bileşenler ağacında aşağı doğru bilgi iletmek için temel mekanizmayı temsil ederler.

props'un temel özellikleri:

• Veri iletimi: Verilerin, yapılandırmaların ve geri çağrıların ebeveyn’den çocuğa aktarılması için kullanılır.
• Değiştirilemezlik: Çocuk bileşen içinde props değiştirilemez. Herhangi bir değişiklik, yeni props'lar gönderen ebeveyn bileşenden gelmelidir.
• Nesne: props her zaman bir nesne olarak iletilir. Aktarılan her özellik, bu nesnede bir anahtar haline gelir.
• Erişim: Fonksiyonel bileşenlerde props, fonksiyonun ilk argümanı olarak iletilir. Sınıf bileşenlerinde ise this.props aracılığıyla erişilir.

props'un iletimi ve kullanımı örneği:

// Ebeveyn bileşen
function ParentComponent() {
  const greeting = "Merhaba";
  return <ChildComponent message={greeting} />;
}

// Çocuk bileşen
function ChildComponent(props) {
  return <p>{props.message}, dünya!</p>;
}