【问题标题】:React Redux - how to sync data between two pageReact Redux - 如何在两个页面之间同步数据
【发布时间】:2022-07-08 15:51:32
【问题描述】:

一开始会同时打开两个页面。然后,页面 A 将通过 redux 将数据传递给页面 B。问题是当两个页面同时打开时,页面 B 如何能够更新页面并从页面 A 获取数据。可以同步吗?

【问题讨论】:

  • 可能不会。你能写下确切的操作顺序吗?即(1)页面更新redux中的数据,(2)用新数据刷新页面,(3)...
  • 有很多不同的方法可以做到这一点,具体取决于具体情况。是否通过第一页中的window.open 打开了一个页面?然后你可以简单地为两者都拥有一个 Redux 实例。显示的数据是否存储在服务器中?然后你应该使用 React Query 或类似的而不是 Redux,你将能够同步两个页面。你也可以使用 websocket,等等。
  • @Yossi Sequences 1)输入一些数字(例如10,11,100) 2)存储到redux(例如[10,11,100]) 3)页面A和B将列出redux值
  • 似乎其他回复比我能提供的要好。
  • 你可以通过localStorage同步数据来做到这一点

标签: javascript reactjs redux react-redux


【解决方案1】:

我在尝试同样的事情,我发现了这个

https://dev.to/cassiolacerda/how-to-syncing-react-state-across-multiple-tabs-with-usestate-hook-4bdm

解释得很清楚

祝你有美好的一天?

【讨论】:

    猜你喜欢
    • 2017-02-21
    • 1970-01-01
    • 1970-01-01
    • 2020-07-21
    • 1970-01-01
    • 2022-12-28
    • 1970-01-01
    • 2018-09-30
    • 2011-04-09
    相关资源
    最近更新 更多