[State & Props]React Event handling

형태

<button onClick={handleEvent}>handle</button>

---

onChange

폼(Form) 엘리먼트는 사용자의 입력값을 제어 변경될 수 있는 입력값을 일반적으로 컴포넌트의 state 로 관리

---

onClick

클릭이라는 행동을 하였을 때 발생 버튼이나 tag 를 통한 링크 이동 등과 같이 주로 사용자의 행동에 따라 애플리케이션이 반응

<button onClick={() => alert(name)}>Button</button>

onClick 이벤트에 alert(name) 함수를 바로 호출하면 컴포넌트가 렌더링 될 때 함수 자체가 아닌 함수 호출의 결과가 onClick 에 적용

따라서

리턴문 안에 직접 호출

---

React 데이터 흐름

두 개의 자식 컴포넌트가 하나의 상태에 접근하고자 할 때는 두 자식의 공통 부모 컴포넌트에 상태를 위치해야 합니다.