React’te Props Nedir?

Props, bir bileşenin dışarıdan aldığı verileri temsil eder. "Properties" kelimesinin kısaltmasıdır ve bileşenler arası veri aktarımını sağlar.

Props Nasıl Kullanılır?

Props kullanımı aşağıdaki adımlarla gerçekleştirilir:

• Bileşen Tanımı: Bir bileşen tanımlanırken, props parametre olarak alınır.
• Veri Aktarımı: Bileşeni kullanırken, veriler props aracılığıyla bileşene gönderilir.
• Veri Erişimi: Bileşen içinde, props'a erişmek için "this.props" ya da fonksiyon bileşenlerinde "props" parametresi kullanılır.

Örnek Kullanım

Aşağıda basit bir örnek verilmiştir:

• Bileşen Tanımı: const Greeting = (props) => <h1>Merhaba, {props.name}!</h1>
• Bileşeni Kullanma: <Greeting name="Ali" />

Bu örnekte "name" props'u "Ali" değerini alır ve bileşen "Merhaba, Ali!" çıktısını üretir. Props, bileşenlerin yeniden kullanılabilirliğini artırır ve uygulama mimarisinin düzenlenmesine yardımcı olur.