Javascript 使用react路由器导航时在中保存数据

Javascript 使用react路由器导航时在中保存数据,javascript,reactjs,forms,react-redux,Javascript,Reactjs,Forms,React Redux,我正在尝试使用表单创建多个页面。当我从一个页面导航到另一个页面时,我希望用户填写的数据能够自动保存(比如说,在该组件的状态下)。注意:用户尚未提交任何内容,也没有启动任何功能的保存按钮 用户只是使用react路由器从一个包含表单组件(例如:)的页面跳转到另一个包含其他表单组件的页面。。。我希望用户输入的任何内容都能自动保存 那能做到吗?当用户返回到上一页时,用户可以选择他离开的地方? 因此,在本例中,当用户返回到上一页(使用react路由器)时,组件没有重置或刷新自身,也没有输入任何内容;用户将

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

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

那能做到吗?当用户返回到上一页时,用户可以选择他离开的地方? 因此,在本例中,当用户返回到上一页(使用react路由器)时,组件没有重置或刷新自身,也没有输入任何内容;用户将不必再次输入,因此将从他停止的地方重新开始。有人谈论过使用iFrame,但我不确定


当然,所有这些最终都将进入redux商店。但我正在尝试解决这些表单的“保存”状态,即使在使用react路由器导航到其他组件/页面后也是如此

为此,您可以查看redux

如果您不想使用redux,我将链接使用react router=>

使用react路由器,您可以传输“状态”

在showRecommension.js组件网上,您可以使用

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

有趣的体验,从未厌倦过。谢谢你的回答。我会更详细地调查这件事。当然。。。当我明天尝试你的答案,看看它是否对我有效:)再次谢谢你,先生
console.log(this.props.location.state)