Reactで入力要素の値を取得する方法

フォームが与えられた場合、フォームフィールドの1つの値をどのように取得しますか?

一般的なシナリオには、フォームがあり、ユーザーがボタンをクリックしたときなど、フォームフィールドの1つの値を取得する必要があります。

どうすればそうできますか?

フックを使用して、入力フィールドごとに変数を作成し、onChangeその変数の「set」関数を呼び出すイベント。

次に例を示します。

const [title, setTitle] = useState('')

そして、JSXの入力フィールド:

<input onChange={event => setTitle(event.target.value)} />

このようにして、フォームの送信イベントのイベントハンドラーにいるとき、または任意の場所にいるときに、フィールドの値をから取得できます。title値。

私の無料ダウンロードReactハンドブック


その他の反応チュートリアル: