4.2.2 onChange 이벤트 핸들링하기

    4.2.2.1 onChange 이벤트 설정

    EventPractice 컴포넌트에 input 요소를 렌더링하는 코드와 해당 요소에 onChange 이벤트를 설정하는 코드를 작성합니다. 다음 코드를 EventPractice 컴포넌트의 render 메서드에 작성하세요.

    EventPractice.js

    import React, { Component } from 'react';
     
    class EventPractice extends Component {
      render() {
        return (
          <div>
            <h1>이벤트 연습</h1>
            <input
              type="text"
              name="message"
              placeholder="아무거나 입력해 보세요"
              onChange={
                (e) => {
                  console.log(e);
                }
              }
            />
          </div>
        );
      }
    }
     
    export default EventPractice;

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.