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 |