Youtube in React: event handlers for form

HeaderNav.js

/* ... */
export class HeaderNav extends React.Component {
  /* ... */
  onInputChange = (event) => {
    this.setState({
      query: event.target.value,
    });
  };

  onSubmit = () => {
    const escapedSearchQuery = encodeURI(this.state.query);
    this.props.history.push(`/search?search_query=${escapedSearchQuery}`);
  };
}