[React] State 바꾸기

학습일 : 2023. 03. 07

---

State를 바꾸기 위한 방법은 2가지가 있다.

 

 

가장 먼저 단순하게

1. setCounter를 이용하여 우리가 원하는 값을 넣어준다. =>

다시 클릭하면 당연하게도 값이 변하지 않는다.

ex>

setCounter(253)

 

 

 

2. 이전 값을 이용하여 현재 값을 계산해 낸다. (함수 전달하기)
 ex1>

setCounter(counter + 1);

 ex2>

setCounter( (current) => current + 1 );

이 방법이 더 안전하다고 한다.

이렇게 적게 된다면 예상치 못한 업데이트가 어디선가 일어났다고 해도, 혼동을 주는 걸 방지해줄 수 있다.

이 current가 확실히 현재 값이 될 수 있다는 것이다.