React04 state 변경하기

오늘의 학습

1. onClick 쓰는 법
	onClick={}안엔 함수 넣어야함.
2. state변경하는법
    항상 state변경함수 쓰기.
	state변경함수(새로운state)

• 터미널창의 warning 메시지 없애고 싶으면, app.js 맨 위에

  ` /* eslint-disable */ ` 라고 적는다.

  warning같은걸 출력하는 기능을 Lint라고 함. 이는 Lint 끄는 기능임.

좋아요 버튼과 갯수 UI 만들기

onClick 쓰는법

<span onClick={ }>👍</span> 

단 주의사항:

onClick={ } 
//안엔 함수(이름)을 넣어야함.

state 변경하는 법

• 등호로 변경 금지. 함수에다 등호쓰면 안돼. (이건 문법이야. 등호는 대입의 의미)
• 두번째 작명. state변경용 함수. 얘는 함수야. 이걸 사용해야 html 재렌더링도 잘 됨.
• state변경함수(새로운 state)

  let [따봉, 따봉변경] = useState(0);
  <span onClick={()=>{ 따봉변경(따봉++)
   }}>👍</span> {따봉}