Redirect to search results component upon submit of search terms from search bar embedded in a global navbar

app.js

import React, { Component } from 'react'
import { Redirect } from 'react-router'

export default class Search extends Component {
  constructor () {
    super();
    this.state = {
      fireRedirect: false
    }
  }
  
  componentWillRecieveProps(nextProps) {
    this.setState({ fireRedirect: false })
  }
  
  submitForm = (e) => {
    e.preventDefault()
    this.setState({ fireRedirect: true })
  }
  
  render () {
    const { fireRedirect } = this.state
    
    return (
      <div>
        <form onSubmit={this.submitForm}>
          <button type="submit">Submit</button>
        </form>
        {fireRedirect && (
          <Redirect to='/search-results'/>
        )}
      </div>
    )
    
  }
}