이벤트

순수한 html코드가 아니라 유사 html코드임

리액트 개발환경이 최종적으로  html으로 컨버팅해줌 (onClick 대문자로 해야함)

 

 

클릭시 onChangeMode라는 값으로  함수를 전달

1.페이지 리로드 막아보자  >> event를 파라미터로 넣어서 event.preventDefault()

2. props로 받은 onChangeMode함수를 실행하려면 >> props.onChangeMode()

---

화살표 함수 기본

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이 있습니다.

바로 화살표 함수(arrow function)를 사용하는 것입니다. 화살표 함수라는 이름은 문법의 생김새를 차용해 지어졌습니다.

---

링크 이벤트가 호출할 때 입력값 id값으로 넣어보기