まとめ：JSX式
CoddyのReactジャーニー「基本概念」セクションの一部 — レッスン 10/42。
チャレンジ
簡単章のまとめ：すべて JavaScript から描画されるミニ注文サマリーです。App.jsx には、すでに item、price、quantity、および shout ヘルパーが定義されています。
id="header"を持つ<h1>がshout(item)を呼び出した結果を描画するようにしてください。COFFEE!と表示されるはずです。id="count"を持つ段落が、数字を直接書くのではなくquantity変数を使用して3 cupsと描画するようにしてください。id="total"を持つ段落がTotal: 12と描画するようにしてください。数値 12 を直接入力するのではなく、priceとquantityから*を使って計算してください。
自分で試してみよう
<!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>