만들면서 학습하는 리액트(react):사용편 - 023

최대 1 분 소요

사용편

폼 제출

요구사항

엔터를 입력하면 검색 결과가 보인다

구현

// main.js
class App extends React.Component {
  ...

  handleSubmit(event) {
    event.preventDefault();
    console.log('handleSubmit', this.state.searchKeyword);
  }

  render() {
    return (
      <>
      <div className="container">
        <form 
          onSubmit={ event => this.handleSubmit(event)}
        >
          ...
        </form>
      </div>
      </>
    );
  }
}

참고