해당 벨로그는 [코딩앙마] React js 강좌 를 수강하고 작성한 글입니다.

이벤트 처리(Handling Events)

리액트에서 이벤트를 어떻게 처리하는지 알아보자.

1. 이벤트 처리하는 첫번째 방법은 미리 함수를 하나 만들어놓고 전달해주는 것이다.

2. 두번째 방법은 onClick={내부} , 내부에 직접 함수를 작성하는 것이다.

두번째 방법의 장점은 매개변수를 전하기 편하다는 것이다.

e.target → input 태그가 된다.

value 는 input 의 value 값이니까 작성한 값 onChange 가 된다.

⇒ 해당 코드를 통해 글자를 입력하면 로그에 찍힌다.

하단 코드도 똑같은 결과를 볼 수 있다.

혹은 하단처럼 해도 동일한 결과를 볼 수 있다.