Özet - Bileşenler

Birkaç küçük bileşeni bir araya getirerek bir sayfa iskeleti kurarsın.

Özet - Bileşenler

Bu grupta bileşenlerin JavaScript fonksiyonları olduğunu, nasıl iç içe çağrıldığını ve adlandırma yöntemlerini öğrendin. Şimdi bunları birleştirme zamanı.

Tipik akış: bileşeni büyük harfle başlayan bir fonksiyon olarak tanımlarsın, içinde JSX döndürürsün, gerekirse başka bileşenleri çağırırsın ve dışa aktarırsın. Fragment ile birden fazla etiketi gruplayabilirsin.

Bir sonraki adımda birkaç küçük bileşeni birleştirerek bir sayfa iskeleti kuracaksın.

Uygulama Sayfa iskeleti

Aşağıdaki iskeleti tamamla. Page adında bir bileşen yaz; fragment içinde <Header />, <Main /> ve <Footer /> bileşenlerini çağırsın. Dışa aktarmayı unutma.

Örnek çözümü göster

function Page() {
  return <><Header /><Main /><Footer /></>;
}

export default Page;

Kendini test et

Fragment ne işe yarar?
- DOM yapar
- Stil verir
- State saklar
- Birden fazla etiketi gruplar
Cevabı göster

Birden fazla etiketi gruplar — Fragment birden fazla etiketi gruplar.
Akış adımlarını eşleştir

function

Tanımla
return

Döndür
fragment

Grupla
export

Dışa aktar

Sıradaki ders: Proje: Profil kartı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler