본문 바로가기

리액트

useState #2 숫자 데이터 count하기

const  Counter =() =>{
	const [value, setValue]=useState(0)


	const increaseValue=()=>setValue(value+1)
	const decreaseValue=()=>setValue(value-1)


	return(
		<div>
			<p>
				현재 카운터의 값은 {value} 입니다.
			</p>
			<button type="button" onClick={increaseValue}>{value}</button>
			<button type="button" onClick={decreaseValue}>{value}</button>

		</div>
	)	
}


export default Counter;

'리액트' 카테고리의 다른 글