4) ReactJS: State 설정, 변경

SUHA JEONG·2021년 11월 26일

ReactJS

목록 보기
4/11

state를 설정하는 두 가지 방법

1. 직접 값을 설정해주기
setCounter(counter + 1); 이런식으로 or setCounter(999); 이렇게 숫자, 문자 입력하기

2. 함수를 전달하기
setCounter((current) => current + 1);

  • 현재 state를 바탕으로 다음 state를 계산해내고 싶다면 이렇게 함수를 사용해야 함
  • 이 함수는 우리에게 현재 state인 counter값을 줄 거고, 우리는 현재의 state(counter)값을 기반으로 값을 변경 할 수 있게 된다.
    ❗️ 이렇게 해야 예상치 못한 업데이트(setCounter에서의 값 변경이 아닌 다른 곳에서의 값 변경)가 일어났다고 해도 문제가 발생하지 않는다.

0개의 댓글