← レッスン一覧に戻る

第2章: React基礎

2-3. JSXの書き方

JSXで動的な値を表示する方法を学びます

📚 このレッスンの理論を学びたい方はこちら:

React基礎 - コンポーネントとProps

# 課題
変数を定義して、それをJSX内で表示してください。

title、description、priceの3つの変数を使って商品情報を表示しましょう。
    
export default function App() {
  const title = "TypeScript入門";
  const description = "TypeScriptを基礎から学べる本";
  const price = 3000;

  return (
    <div>
      {/* ここに変数を使って商品情報を表示してください */}
    </div>
  );
}