【React/TypeScript】useState()で入力項目を管理する。 - Qiita

はじめに 昨今、react-hook-formなど入力値を取得〜バリデーションまでしてくれるライブラリが充実していますが、今回、useState()で入力フォームのStateを管理する方法を書きたいと思います。(自分へのメモも兼ねて) また、この記事は、useState()の知識があることを前提に記事が書かれています。 useStateに関する詳細は、公式を一読ください。 サンプルコード 以下のようなログインフォームがあるとします。 uiはMaterialUIを使用しています。(*公式ドキュメントはこちら) type Props = { name: string; password: string; }; const nullLoginParam: Props = { name: '', password: '', }; const Login = () => { const [param