) => { setUsername(event.currentTarget.value); }; //form submit const onSubmit = (event: React.FormEvent) => { event.preventDefault(); }; return (
); } "> ) => { setUsername(event.currentTarget.value); }; //form submit const onSubmit = (event: React.FormEvent) => { event.preventDefault(); }; return (
); } "> ) => { setUsername(event.currentTarget.value); }; //form submit const onSubmit = (event: React.FormEvent) => { event.preventDefault(); }; return (
); } "> 
import { useState } from "react";

export default function App() {
  const [username, setUsername] = useState("");
  
  //input change
  const onChange = **(event: React.FormEvent<HTMLInputElement>) => {
    setUsername(event.currentTarget.value);
  };**

	//form submit
	const onSubmit = **(event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
  };**
  
  return (
    <div>
			<form onSubmit={onSubmit}>
        <input
          value={username}
          type="text"
          placeholder="Enter Username"
          onChange={onChange}
        />
        <button>Log in</button>
      </form>
    </div>
  );
}

input event에 type을 넣기

<aside>

event에 React.FormEvent<HTMLInputElement> type을 넣으면 됨

event.currentTarget.value 를 통해서 접근

</aside>

submit event에 type을 넣기

<aside>

event에 React.FormEvent<HTMLFormElement> type을 넣으면 됨

event.preventDefault() 는 덤.

</aside>