Özet: Props
Coddy'nin React Journey'sinin Temeller bölümünün bir parçası. Ders 21 / 42.
Görev
KolayBölüm özeti: props ve children kullanılarak oluşturulmuş küçük bir menü.
Itembileşenininnamevepriceprop'larını almasını ve kendi<li>öğesinde{name}: ${price}ifadesini görüntülemesini sağlayın.CardbileşenininclassName="card"içeren bir<div>oluşturmasını vechildreniçeriğini görüntülemesini sağlayın.- App içinde,
<ul id="menu">öğesini sarmalamak için<Card>...</Card>kullanın ve bunun içinde iki Item oluşturun: adıTea, fiyatı3olan; ardından adıCake, fiyatı5olan (fiyatlar sayı olarak!).
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>