如何使用默认提交验证将反应路由器dom中的链接添加到提交按钮

Question

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

<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 push to History in React Router v4?