javascript - 使用 react 路由器导航时保存数据

Question

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

用户只是使用 react 路由器从一个带有表单组件(例如:)的页面跳转到另一个带有其他表单组件的页面...我希望用户输入的任何内容都自动保存。

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

当然这一切最终都会进入redux store。但是即使在使用 react 路由器导航到其他组件/页面之后，我也在尝试解决这些表单的“已保存”状态

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)

can we pass a value when we move to next component using this.props.history.push("/next Component")?