로딩
요청 처리 중입니다...

#2 React - useState()로 상태 변화하기

 #2 React - useState()로 상태 변화하기

오늘은 'State'에 대해 정리해보려고 한다! 0.

State란? 일단 먼저 간단히 React에서 State가 무엇인지 알아보자!

State는 '상태'를 의미한다. 즉, 컴포넌트 내에서 계속해서 동적으로 변화하는 데이터라고 할 수 있다.

예를 들어, 1. 0부터 시작해서, 2. +버튼을 클릭하면 1씩 증가하고, 3.

-버튼을 클릭하면 1씩 감소하는, 프로그램이 있다고 하자. 여기서 State(상태)는 '숫자 0'이다. 0이 계속해서 변화하는 동적인 데이터기 때문이다. 1. useState()로 상태변화시키기 그렇다면 이제 실제로 프로그램을 만들어보자. // Counter.js import React,{useState} from 'react'; // useState 메서드 가져오기 const Counter = ()=>{ // counter 컴포넌트 const [count, setcount] = useState(0); const onIncrease = ()=>{ setcount(cou...