R初めてのReact
DAY 30/3 完了

リスト・条件・フォーム — 実データを画面に出す

🎯 このDayを終えるとできること

配列を map で一覧に変換し key を正しく付けられる。条件付きレンダリングで表示を出し分けられる。input を state に結びつけた制御コンポーネントでフォームを作れる。

  1. 1

    配列を map で一覧に変換する(key の役割)

    JavaScript の map で配列を JSX の要素へ変換し、なぜ key が必要なのかを理解する。

    設問 3 問

  2. 2

    条件付きレンダリング(出し分け)

    && と三項演算子を使って、状態に応じて表示する内容を切り替える。

    設問 3 問

  3. 3

    制御コンポーネント(フォームの値を React が握る)

    input の value を state に結びつけ、onChange で更新する制御コンポーネントの型を身につける。

    設問 3 問