Özet: Bileşenler
Coddy'nin React Journey'sinin Temeller bölümünün bir parçası — ders 15 / 42.
Görev
KolayBölüm özeti: Bu bölümdeki her şeyi kullanarak iki bileşenden bir sayfa oluşturun.
- Bir
Headerbileşeni tanımlayın:id="title"veCoddy Shopmetnine sahip bir<h1>. Bunu ilk olarak App'in dış<div>yapısının içinde render edin. <span>★</span>döndüren birBadgebileşeni tanımlayın.- Mevcut
<div id="badges">içinde, Badge bileşenini iki kez render edin: bir tanım, iki kullanım.
Kendin dene
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>Temeller bölümündeki tüm dersler
2JSX İfadeleri
Süslü ParantezlerParantezler İçinde Matematiksel İşlemlerÖzniteliklerde Süslü Parantez KullanımıJSX İçinde Fonksiyon ÇağırmaÖzet: JSX İfadeleri3Bileşenler
Yapı Taşlarıİkinci BileşeninizBileşenleri Yeniden KullanmaSayfa OluşturmaÖzet: Bileşenler