时间戳

首页 > 解决方案 > 如何使用默认的提交验证将来自反应路由器 dom 的链接添加到提交按钮

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

问题描述

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

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

标签： reactjsredux-formreact-router-dom

解决方案

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

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

您可以从这个答案中了解历史记录的用法：如何在 React Router v4 中推送到历史记录？

推荐阅读