Reactjs 我如何在访问第三方网站(如亚马逊)时保持redux值

Reactjs 我如何在访问第三方网站(如亚马逊)时保持redux值,reactjs,redux,Reactjs,Redux,我搜索了所需的产品并在产品搜索页面中显示了所有产品 从相应的下拉列表中按产品类型和价格筛选产品 我从过滤后的产品结果中选择了一个产品,它正在重定向到amazon(第三方网站) 当返回到搜索页面时,它会清除所有过滤值(如产品类型、存储在redux中的价格值) 我如何在访问第三方网站(如亚马逊)时保持redux值 当我回到我的网站时,redux值(过滤值)应该可以显示过滤产品页面。我如何实现这一点?据我所知,redux是应用程序的“状态”。因此,它是相对于应用程序的,我不认为存在“持久重复”。但是,

我搜索了所需的产品并在产品搜索页面中显示了所有产品

  • 从相应的下拉列表中按产品类型和价格筛选产品

  • 我从过滤后的产品结果中选择了一个产品,它正在重定向到amazon(第三方网站)

  • 当返回到搜索页面时,它会清除所有过滤值(如产品类型、存储在redux中的价格值)

  • 我如何在访问第三方网站(如亚马逊)时保持redux值


  • 当我回到我的网站时,redux值(过滤值)应该可以显示过滤产品页面。我如何实现这一点?据我所知,redux是应用程序的“状态”。因此,它是相对于应用程序的,我不认为存在“持久重复”。但是,我们可以使用以下几种方法重建状态:

  • 将一些查询或字符串存储到浏览器系统。可以是localStorage、cookies等。因此,应该有一种机制来编写、读取和删除查询或字符串。当页面/路由器读取查询/字符串值时,需要重建redux reducer的状态
  • 将上一个redux reducer值也存储到浏览器系统中,并轻松应用到redux reducer值
  • 如果您的Amazon页面支持“URL引用器”之类的内容,那么当您返回到React页面时,可以将React路由器参数值设置为构建redux reducer状态
  • 到目前为止,我能想到以上三件事:)

    更新===

    我发现了一篇文章,其中提到了通过使用附加库实现“Presistent Redux”的几种方法,您可能想检查一下: