더북(TheBook)

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;

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