[React] CH04. 이벤트 다루기 & state 변경하는 법

※ 참고
터미널에 뜬 warning ⇒ eslint가 잡아주는 문법 체크사항
eslint ⇒ 잘못된 코딩 관습을 잡아주는 라이브러리
/*eslint-disable*/ ⇒ warning 제거

 

1. 이벤트 다루는 법

• onClick 이벤트

옛날 자바 스크립트	리액트
onClick="클릭될 때 실행할 JS"	onClick={ 클릭될 때 실행할 함수 } onClick={ ()=>{ 실행할 내용 } }

※ ES6 신버전 문법
addEventListener('click', function(){})
= addEventListener('click', ()=>{})

---

2. state 변경하는 법

• state 변경 함수 이용
  - state 변경함수로 변경 → 자동 재랜더링

<span onClick={ ()=>{ 따봉변경(따봉+1) }}>👍</span>

---

[ 참고 ]

 

https://online.codingapple.com/course/react-basic/

React 리액트 기초부터 쇼핑몰 프로젝트까지! - 코딩애플 온라인 강좌