React 공부하기 4 - Event

import React, {Component} from 'react'

class MyEventComponent2 extends Component {
  state = {
    message: '',
  }

  handleChange = (e) => {
    this.setState({
      message: e.target.value,
    })
  }

  handleClick = (e) => {
    alert(this.state.message)
    this.setState({
      message: '',
    })
  }

  handleKeyPress = (e) => {
    if (e.key === 'Enter') this.handleClick()
  }

  render() {
    return (
      <div>
        <h1>이벤트 연습</h1>
        <input
          type="text"
          name="message"
          placeholder="event가 달릴거야"
          value={this.state.message}
          onChange={this.handleChange}
          onKeyPress={this.handleKeyPress}
        />
        <button onClick={this.handleClick}>확인</button>
      </div>
    )
  }
}

export default MyEventComponent2