리액트 State 변수

State 변수

기존에 const(변하는것 불허), let var(변하는것 허용) 으로 변수를 지정하였다.

하지만 정적 변수를 사용하면 사용자가 직접 수정하고 리로드를 해야하는 번거로움이 발생한다.

이때, State변수 동적 변수를 사용하면 자동적으로 리로드 된다.

예시

const [num1, setNum1] = useState(0);

기본구조로 외워야 한다.

num1 이라는 변수는 State 변수로 지정해 주었고 초기값은 0이다.

value={num1}
        
onChange={(e) => setNum1(e.target.valueAsNumber)}

value에는 num1을 집어 넣을거다.
그러나 만약 변화가 발생하면 (onChange) 동적 함수를 변화 시키고 리로드를 한다.
onChange의 기본 형태는 아래와 같다.

onChange = {(매개변수) => 동적변수(매개변수.target.value)}
//AsNumber  = parseInt