How to add Link from react router dom to the submit button with the default Submit validation

Question

In the below code if add Link tag from the react router dom, it routes the next page without validating the form. I'm using redux form and default required keyword in the tag to validate the form. After validation it should route the component to say "/" homepage.

<button type="submit" className="btn btn-primary">
  <Link>Create Account</Link>
</button>

Answer 1

You should use history.push('/') to change route after validation like this:

<button 
  type="submit" 
  className="btn btn-primary" 
  onClick={() => history.push('/')}
>
  Create Account
</button>

You can learn the history usage from this answer: How to push to History in React Router v4?