-
React+TypeScript Form 형식을 공부해보자!React/React+TypeScript 2023. 2. 22. 02:58
📌 e : React.FormEvent<HTML...Element>
...(중략) const [value, setValue] = useState<string>(""); const onchange = (e: React.FormEvent<HTMLInputElement>) => { const { value } = e.currentTarget; setValue(value); }; const onSubmit = (e: React.FormEvent<HTMLFormElement>) => { e.preventDefault(); console.log(`Hello ${value}`) }; return ( <> <form onSubmit={onSubmit}> <input value={value} onChange={onchange} placeholder="write your ID" /> <button>Log in</button> </form> </> )
'React > React+TypeScript' 카테고리의 다른 글
TypeScript 기반 React 시작하기 with Styled-Components (0) 2023.02.23 리액트 타입스크립트 스타일컴포넌트 Theme 적용하기 (0) 2023.02.22 ? / ?? 리액트 타입스크립트 props 전달할때 optional Chaining & null Check (0) 2023.02.21 React + TypeScript 에서 props 전달하는 법 with styled-components (0) 2023.02.21 타입스크립트로 리액트 시작하기 + 기본 문법 (2) 2023.02.18