[React] onChange 이벤트 (값 변경될때 호출)

 

onChange는 input 요소 값이 변경될때마다 호출됩니다.

 

아래의 코드를 보며 살펴봅시다

class TestReact extends Component {
  constructor(props) {
    super(props);
  }
  render() {
  	return {
      <div>
        <p>숫자 : { this.state.number }</p>
        <input
          type="text"
          name="message"
          onChange = {
            (e) => {
              console.log(e);  //input의 값이 변경될때마다 호출됩니다.
            }
          }
        />
      </div>    
    }
  }
}

위의 onChange의 값은 message의 값을 log로 계속해서 콘솔창에 띄워줄 것입니다.