useFormを作る

React実践 / 全 6 枚

stateを1つにまとめる

入力欄ごとに state を分けると、欄が増えるたびにハンドラも増えます。

欄ごとにstateを分ける

const [title, setTitle] =
  useState("");
const [price, setPrice] =
  useState("");

1つのオブジェクトにまとめる

const [values, setValues] =
  useState({ title: "", price: "" });

欄がいくつ増えても、まとめる state は1つのままです。

1 / 6

← → キーでも送れます