Header: no transition page on submit

resource/js/components/Header/SearchForm.js

@@ -12,6 +12,7 @@ export default class SearchForm extends React.Component {
     };
 
     this.handleChange = this.handleChange.bind(this);
+    this.handleSubmit = this.handleSubmit.bind(this);
     this.ticker = null;
   }
 
@@ -34,6 +35,10 @@ export default class SearchForm extends React.Component {
     this.search();
   }
 
+  handleSubmit(event) {
+    event.preventDefault();
+  }
+
   handleChange(event) {
     const keyword = event.target.value;
     this.setState({keyword});
@@ -44,6 +49,7 @@ export default class SearchForm extends React.Component {
       <form
         action="/_search"
         className="search-form form-group input-group search-top-input-group"
+        onSubmit={this.handleSubmit}
       >
         <input
           autocomplete="off"