React’te props nedir ve nasıl kullanılır?

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.