본문 바로가기
프로그래밍/ReactJS

리액트 타입스크립트 onClick, onChange 코드 - 셀프 개발자 코딩 부트캠프

by astraljoker 2022. 3. 15.
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

 

리액트 useState - 셀프 개발자 코딩 부트캠프

import React, { useState } from 'react'; function App() { let [number, setNumber] = useState(0); const onIncrease = () => { setNumber(number + 1); } const onDecrease = () => { setNumber(number - 1)..

jinibh.tistory.com

 

728x90
반응형

댓글