[React] state 공식

 

State 변경함수 적용하기 💜

state [ 기본값 , 변경함수 ] = useState(초기값) -> 이 공식만 기억 해보자

예시코드)
1번  let  [good,setGood]=useState(0);
 2번 <h4> {  Title[0]}
<span onClick={  (  )=>{ setGood(1)  }}>  ❤    < /span> {good} </h4>

---

변경전

💜코드 설명💜

 

 

하트 값을 눌렀을때 1이 되었으면 좋겠어요.

 

1번해석 

useState 값중 기본값은 good , 변경함수는 setGood 그리고 내가 초기설정값은 0 이다.

2번해석

여기서 우리는 1로 증가 하게  변경하는거니까 변경 함수인 setGood을 써주고 함수이기 때문에 () 괄호를 넣어준다.

괄호안에는 내가 숫자1이 되었음 하는 숫자 ' 1 ' 을 넣어주면 클릭했을때 ' 1 ' 이됨

 

 

변경후