Youtube in React: saving the entered text in the local state

HeaderNav.js

/* ... */
import {Link, withRouter} from 'react-router-dom';

export class HeaderNav extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      query: '',
    };
  }
  /* ... */
}
export default withRouter(HeaderNav);