如何使用默认提交验证将 Link 从反应路由器 dom 添加到提交按钮

Question

在下面的代码中，如果从反应路由器 dom 添加 Link 标签，它会在不验证表单的情况下路由下一页。我在标签中使用 redux 表单和默认 required 关键字来验证表单。验证后，它应该将组件路由到说“/”主页。

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

Answer 1

您应该使用 history.push('/') 在验证后更改路线，如下所示：

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

您可以从这个答案中了解历史用法：

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