Özel Props Uyarısı

JSX elemanındaki çoğu props, bileşene iletilir; ancak, React tarafından kullanılan iki özel prop (ref ve key) vardır ve dolayısıyla bileşene iletilmezler.

bilgi

Özel props olan ref ve key, bileşenler arasında geçiş yaparken önemlidir ve bileşenin davranışını etkileyebilir.

Örneğin, bir bileşenden props.key'i okuyamazsınız. Eğer aynı değere alt bileşende erişmeniz gerekiyorsa, bunu farklı bir prop olarak iletmelisiniz (örneğin: `veprops.id`'yi okuyun).

tehlike

Bu yaklaşım, görünüşte gereksiz olabilir; ancak, uygulama mantığını React'a yönelik ipuçlarından ayırmak önemlidir.

Bu yapıyı anlamak, daha sağlıklı ve temiz bir kod yazmanızı sağlayacaktır.

Anahtar Nokta: key ve ref gibi özel props'lar, doğrudan bileşen üzerinden okunamaz; bu nedenle, alternatif olarak başka bir prop kullanmak gereklidir.
— React Geliştirici

Detaylar Kullanım örneği:

<ListItemWrapper key={result.id} id={result.id} />

Bu örnekte, key değeri alt bileşene herhangi bir props ile iletilmeden kullanılıyor.