ログイン機能 - Hashimoto-Noriaki/react-calendar GitHub Wiki

型を使用してstateを定義

export const LoginPage = () => {
  const [loginInfo, setLoginInfo] = useState<LoginInfoType>({
    email: "",
    password: "",
  })

このstateを変更する関数を作

ログインフォームの入力欄（email や password）を変更したときに、対応する値を loginInfo の state に反映する処理

const changeLoginInfo = (event: ChangeEvent<HTMLInputElement>) => {
    const { name, value } = event.target
    setLoginInfo({ ...loginInfo, [name]: value })
  }