Çocuk bileşen

children prop ile çocuk bileşenleri öğrenirsin.

children prop'u

children, React'te özel bir prop'tür. Bir bileşenin açılış ve kapanış etiketleri arasına yazılan içeriği temsil eder. Bu, sarmalayıcı bileşenler oluşturmayı kolaylaştırır.

Örneğin: function Card({ children }) { return <View>{children}</View>; }. Burada Card, kendisine verilen tüm içeriği bir View içine sarar.

Kullanımı: <Card><Text>Merhaba</Text></Card>. Burada <Text>Merhaba</Text> children olarak Card'a geçer.

Sarmalayıcı bileşen

children prop'u, sarmalayıcı bileşenler oluşturmanın temelidir. Sarmalayıcı, içine aldığı içeriği düzenler, stiller veya başka bileşenlerle sarar.

Örneğin bir Card bileşeni, içeriği bir kutu içinde göstermek için kullanılabilir. İçine metin, görsel veya başka bileşenler konabilir.

Bu sayede tek bir Card tanımıyla sonsuz farklı içerik gösterilir; bu, bileşen yaklaşımının gücüdür.

Uygulama Card bileşeni yaz

Bir Card bileşeni yaz; children prop'unu destructuring ile alsın ve <View>{children}</View> döndürsün.

Örnek çözümü göster

function Card({ children }) {
  return (
    <View>
      {children}
    </View>
  );
}

Kendini test et

children destructuring

function Card(____) { return <View>{children}</View>; }

Cevabı göster

function Card({ children }) { return <View>{children}</View>; }

children kavramlarını eşleştir

children

Özel prop
<Card>...</Card>

İçerik
{children}

Gömme
<View>

Sarmalayıcı
Card bileşenine children nasıl geçirilir?
- <Card children='Merhaba' />
- <Card>Merhaba</Card>
- <Card name='Merhaba' />
- <Card>{'Merhaba'}</Card>
Cevabı göster

<Card>Merhaba</Card> — Etiketler arasına yazılan içerik children olur.

Sıradaki ders: Birden çok props

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler