Ulasan: Ekspresi JSX

Termasuk bagian Dasar-Dasar dalam perjalanan React di Coddy. Pelajaran 10 dari 42.

Tantangan

Mudah

Rekap bab: ringkasan pesanan mini yang seluruhnya dirender dari JavaScript. App.jsx sudah mendefinisikan item, price, quantity, dan helper shout.

Buat <h1> dengan id="header" merender hasil pemanggilan shout(item): hasilnya harus menampilkan COFFEE!.
Buat paragraf dengan id="count" merender 3 cups dengan menggunakan variabel quantity, bukan digitnya.
Buat paragraf dengan id="total" merender Total: 12. Hitung angkanya dari price dan quantity menggunakan *, jangan ketik 12.

Coba sendiri

<!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>