Question

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

用户已经使用react routers从具有表单组件（例如）的页面简单地跳到具有其他表单组件的另一页面...我希望用户输入的内容自动保存。

可以做到吗？当用户返回上一页时，用户可以从上次停止的地方接听？因此，在此示例中，当用户返回上一页（使用React路由器）时，组件未重置或刷新自身，也没有输入任何内容。用户将不必再次输入，因此可以在他离开的地方接机。有关于使用iframe的讨论，但是我不确定。

当然，所有这些最终都将转到redux存储。但是即使在使用React Router导航到其他组件/页面之后，我仍试图解决这些表单的“保存”状态

Answer 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)