onClick, setState

onClick

• html요소에 click시 이벤트 처리를 위한 event handler.

// 사용법.
// onClick={ function } 형태로 호출한다.

// 1.  function 정의 1
<tag onClick={ function() { ... } }></tag>

// 2. function 정의 2
<tag onClick={ () => { ... } }></tag>

// 3. 미리 정의된 function 호출
<tag onClick={ functionName }></tag>

---

setState

• state는 일반 변수처럼 variable=... 형태로 사용하면 안된다. (html 재렌더링 등 state의 특성을 전혀 사용할 수 없음)
• state 정의시(useState) 사용한 state변경 함수를 호출하여 값을 변경하는데 이를 setState() 라고 함.

// state 정의
let [state, setState] = useState(...);