728x90
반응형
import { useState } from "react";
function App() {
let [value, setValue] = useState("");
function handleChange(e:React.ChangeEvent<HTMLInputElement>) {
setValue(e.target.value);
}
function handleClick(e:React.MouseEvent<HTMLButtonElement, MouseEvent>) {
alert(value);
}
return (
<>
<input onChange={handleChange}></input>
<button onClick={handleClick}>Click!!</button>
</>
);
}
export default App;
https://jinibh.tistory.com/711
728x90
반응형
'프로그래밍 > ReactJS' 카테고리의 다른 글
리액트 타입스크립트 array map - 셀프 개발자 코딩 부트캠프 (0) | 2022.03.15 |
---|---|
리액트 타입스크립트 useRef - 셀프 개발자 코딩 부트캠프 (0) | 2022.03.15 |
리액트 타입스크립트 props 값 전달하기 - 셀프 개발자 코딩 부트캠프 (0) | 2022.03.15 |
리액트 useState - 셀프 개발자 코딩 부트캠프 (0) | 2022.03.06 |
리액트 JSX 문법 - 셀프 개발자 코딩 부트캠프 (0) | 2022.03.06 |
댓글