使用反应路由器导航时保存数据答案

【问题标题】：Saving data in from when navigating using react routers使用反应路由器导航时保存数据
【发布时间】：2023-03-17 09:01:01
【问题描述】：

我正在尝试使用表单创建多个页面。当我从一个页面导航到另一个页面时，我希望自动保存用户填写的数据（让我们说，在该组件的状态下）。请注意，用户尚未提交任何内容，也没有任何保存按钮来触发任何功能。

用户只是简单地从一个带有表单组件的页面（例如：）跳转到另一个带有其他表单组件的页面，使用反应路由器......我希望用户输入的任何内容都自动保存。

可以吗？当用户回到上一页时，用户可以从他离开的地方继续吗？所以在这个例子中，当用户返回上一个页面（使用反应路由器）时，组件没有重置或刷新自身，无论输入什么；用户不必再次输入，因此可以从他离开的地方继续。有人谈论使用 iframe，但我不确定。

当然，这一切最终都会交给 redux 商店。但我正在尝试解决这些表单的“已保存”状态，即使在使用反应路由器导航到其他组件/页面后也是如此

【问题讨论】：

【解决方案1】：

为此，您可以查看 redux。

如果您不想使用 redux，我将链接我使用 react-router 的答案 =>

使用 react-router，你可以转移“状态”

this.props.history.push({
  pathname: '/ShowRecommendation',
  state: { taskid: Task_id }
})

在 ShowRecommendation.js 组件中，您可以使用

console.log(this.props.location.state)

【讨论】：