Podsumowanie: wyrażenia JSX
Część sekcji Podstawy ścieżki React w Coddy. Lekcja 10 z 42.
Wyzwanie
ŁatwyPodsumowanie rozdziału: krótkie podsumowanie zamówienia, renderowane w całości za pomocą JavaScript. App.jsx zawiera już definicje item, price, quantity oraz funkcję pomocniczą shout.
- Spraw, aby element
<h1>zid="header"renderował wynik wywołaniashout(item): powinien wyświetlaćCOFFEE!. - Spraw, aby akapit z
id="count"renderował3 cups, używając zmiennejquantity, a nie cyfry. - Spraw, aby akapit z
id="total"renderowałTotal: 12. Oblicz liczbę na podstawiepriceiquantity, używając*; nie wpisuj 12.
Spróbuj swoich sił
<!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>Wszystkie lekcje w sekcji Podstawy
1Poznaj React
Czym jest React?Twój pierwszy komponentZasada jednego rodzicaJSX to nie HTMLPodsumowanie: poznaj React2Wyrażenia JSX
Nawiasy klamroweDziałania matematyczne w nawiasach klamrowychNawiasy klamrowe w atrybutachWywoływanie funkcji w JSXPodsumowanie: wyrażenia JSX