【React】 FormでEnterキーを押した時にSubmitされるのを防ぐ

Reactで作成したForm内でEnterキーを押すと、勝手にSubmitされてしまい、画面がリロードされて困ったのでメモです。

Form.js

handleSubmit(e) {
    e.preventDefault();
  }

render() {
  return(
    <div className="search-item">
      <form
        className="search-item__form"
        onSubmit={e => this.handleSubmit(e)}
      >
        <input
          type="text"
          className="search-item__item-search-field"
        />
      </form>
    </div>
  )
}

HTMLではformタグの中にonSubmit="return false;"と記述すればSubmitされることはないのですがReactでは思うように動作しないため、
上記のようにe.preventDefault();を使うとエンターキーを押してもSubmitされるのを防ぐことができます。