Итоги: Выражения JSX
Часть раздела Основы путешествия по React на Coddy — урок 10 из 42.
Задание
ЛегкоИтоги главы: мини-сводка заказа, отрендеренная полностью с помощью JavaScript. В App.jsx уже определены item, price, quantity и вспомогательная функция shout.
- Сделайте так, чтобы
<h1>сid="header"отображал результат вызоваshout(item): он должен показыватьCOFFEE!. - Сделайте так, чтобы абзац с
id="count"отображал3 cups, используя переменнуюquantity, а не цифру. - Сделайте так, чтобы абзац с
id="total"отображалTotal: 12. Вычислите число изpriceиquantityс помощью*, а не вводите 12 вручную.
Попробуйте сами
<!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>Все уроки раздела Основы
1Знакомство с React
Что такое React?Ваш первый компонентПравило одного родителяJSX — это не HTMLИтоги: Знакомство с React2Выражения JSX
Фигурные скобкиМатематика в скобкахСкобки в атрибутахВызов функций в JSXИтоги: Выражения JSX