Özet: JSX İfadeleri
Coddy'nin React Journey'sinin Temeller bölümünün bir parçası — ders 10 / 42.
Görev
KolayBölüm özeti: tamamen JavaScript ile işlenen mini bir sipariş özeti. App.jsx zaten item, price, quantity ve bir shout yardımcı fonksiyonunu tanımlamaktadır.
id="header"olan<h1>etiketininshout(item)çağrısının sonucunu işlemesini sağlayın:COFFEE!göstermelidir.id="count"olan paragrafın, rakam yerinequantitydeğişkenini kullanarak3 cupsişlemesini sağlayın.id="total"olan paragrafınTotal: 12işlemesini sağlayın. Sayıyı 12 olarak yazmak yerinepricevequantitydeğişkenlerini*ile çarparak hesaplayın.
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>