背景 お試しでreactを触ってみたところ、入力フォームで、各フォーム毎に State を管理すると大変だと思うことがありました。 ここら辺スッキリ書けるといいなと思って調べてみて、いくつか方法あったので学習がてらメモで残します。 簡単なデモ シンプルなタスク管理アプリを想定します。 タスクのタイトル、担当者、内容を入力して、list化するだけの簡単なアプリです。 画像荒くてごめんなさい useState地獄 この簡単なタスクの仕様でも、タイトル、担当者、内容についてステートを管理しないといけないのが目に見えています。 useState で管理したコードが以下になります。 上流のコンポーネントから受け取ったaddTodoを使用してタスクを追加します。 import React, { useState } from "react"; import { Todo } from "../type
