制御されたinput

Reactで状態・フォーム・リストを扱う / 全 6 枚

入力欄をstateにつなぐ

value で state の中身を映し、onChange で打った文字を state へ戻します。

プレビュー

こんにちは、あおいさん

const [name, setName] = useState("");

<input

value={name}

value={name}stateを映す

onChange={(e) => setName(e.target.value)}

setName(e.target.value)打った文字をstateへ戻す

const [name, setName] = useState("");

<input

value={name}

stateを映す

onChange={(e) => setName(e.target.value)}

打った文字をstateへ戻す

1 / 6

← → キーでも送れます