본문 바로가기

리액트

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;

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

react 의 원리  (0) 2021.12.09
react 새로운 tweet 추가 방법 공부  (0) 2021.09.27
useState 사용하여 데이터 추가 및 삭제하기  (0) 2021.09.08
react 처음 시작할 때!! 참고  (0) 2021.09.02