요약: JSX 표현식
Coddy React 여정의 기초 (Fundamentals) 섹션에 포함된 레슨 — 42개 중 10번째.
챌린지
쉬움단원 요약: 전체가 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>