YYYEJI

[React] 버튼 onClick 속성에 두 개의 기능 넣기 본문

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/>

두 개의 기능을 하는 버튼을 생성할 수 있습니다.

 

 

 

 ◡̈