在反应中不能同时使用按钮和链接答案

【问题标题】：Cannot use button and link at the same time in react在反应中不能同时使用按钮和链接
【发布时间】：2021-02-24 08:17:43
【问题描述】：

我正在开发一个包含 4 个不同组件的单页应用程序。每个组件都应该有提交按钮来保存和发送表单内的数据。

但是，当我使用按钮提交时，它会提交信息，但我还需要同时使用react-router在组件之间切换。

以下示例仅适用于提交。我可以将数据传递给状态。除了发送之外，它还必须重定向到其他组件才能继续流动。

<Form onClick={handleSubmit}>

  <button>submit</button>
</Form>

我也试过用链接包裹按钮，现在我可以在组件之间切换，但我不能提交和数据到下一个组件。

<Form onClick={handleSubmit}>
 <Link to ='/component'>
  <button>submit<button>
 </Link>
</Form>

我需要找到一种方法，通过单个按钮同时使用 submit 和 react-router。

提前感谢您提供任何宝贵的建议。

【问题讨论】：

【解决方案1】：

这里应该使用声明式路由。使用 useHistory 钩子和 histoty.push() 重定向到 handleSubmit 方法中的另一个路由。链接：https://reactrouter.com/web/api/Hooks

【讨论】：

【解决方案2】：

你可以在组件中使用useHistoryHook

【讨论】：

这并没有提供问题的答案。一旦你有足够的reputation，你就可以comment on any post；相反，provide answers that don't require clarification from the asker。 - From Review
useHistory 是通过onclick 事件将用户重定向到另一个页面的唯一方法，在这种情况下，您必须使用useHistory 和history.push() :)