Web Application Server (WAS)
[React] 버튼 onClick 속성에 두 개의 기능 넣기
YEJI ⍢
2023. 1. 14. 12:10
728x90
우선 onClick에 넣을 두 개의 함수를 선언합니다.
const [counter, setCounter] = React.useState(1);
const [sum, setSum] = React.useState(0);
const onCount = () => {
setCounter((current) => current+1);
}
const onSum = () => {
setSum((current) => current+1);
}
<button> tag 안에 onClick 속성을 아래와 같이 넣어주면
<button className="button" onClick={()=>{onCount(); onSum();}}>Button</button><br/>
두 개의 기능을 하는 버튼을 생성할 수 있습니다.
◡̈