Menu
Coddy logo textTech

まとめ:Reactの概要

CoddyのReactジャーニー「基本概念」セクションの一部 — レッスン 5/42。

challenge icon

チャレンジ

簡単

章のまとめ: この章で学んだすべてを使って小さなページを作成しましょう。

  1. ラッパーの <div> の中に、id="title" とテキスト My React Page を持つ <h1> を追加します。
  2. その下に、id="intro" とテキスト Built with components を持つ <p> を追加します。
  3. その段落に JSX の方法で CSS クラス lead を付与します。

自分で試してみよう

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

基本概念のすべてのレッスン