时间戳

首页 > 解决方案 > 在反应中不能同时使用按钮和链接

javascript - 在反应中不能同时使用按钮和链接

问题描述

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

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

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

<Form onClick={handleSubmit}>

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

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

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

我需要找到一种通过单个按钮同时使用提交和反应路由器的方法。

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

标签： javascriptreactjssingle-page-applicationreact-router-dom

解决方案

此处应使用声明式路由。利用 useHistory 钩子和histoty.push(). 链接：https ://reactrouter.com/web/api/Hooks

推荐阅读