progressTowardsStatelessFunctional.js

const ForgotPasswordView = (props) => {
  var showMessage = false

  const handleSubmit = (form) => {
    const { dispatch } = props
    dispatch(resetPassword(form.email))
    
    // this does not trigger a re-rendering because it's not state.
    showMessage = true
  }

  console.log("showMessage: ", showMessage)

  return (
    <Panel>
      <ForgotPasswordForm onSubmit={handleSubmit}/>
    
      // this should show up after the onSubmit button is clicked.
      { showMessage && <span>hi there</span>}
    </Panel>
  )
}

export default connect()(ForgotPasswordView)