kminu0819.log
로그인
kminu0819.log
로그인
리액트 useState를 활용한 숫자 카운트하기
김민우
·
2022년 12월 8일
팔로우
0
React
react hook
0
스파르타 내배캠4기
목록 보기
35/73
리액트를 공부하기 시작하면서 간단한 기능 구현을 해봤다. useState를 사용하여 button을 누르면 숫자가 증가, 감소되는 기능을 구현했다.
return에는 button 태그에 onClick 함수를 넣어주면서 숫자가 증가, 감소되게 하고 useState(0)에 0을 넣어 초기값을 넣어줬다.
🔥코드를 살펴보자
✔ App 함수 안에 const [count, setCount] = useState(0); 을 설정해줌으로써 0을 초기값으로 하고 setCount를 이용해 count에 변화를 줄 수 있다.
✔ 함수 plus, minus를 보면 setCount를 이용해 count에 + 1을 해준다.
✔ h2 안의 {count}는 초기값 0이다.
✔ 버튼을 클리시 함수를 실행시킨다.
김민우
개발자로서 한걸음
팔로우
이전 포스트
리액트 Props
다음 포스트
자바스크립트 스코프(scope)
0개의 댓글
댓글 작성