Javascript 从React中路由器链接打开的新选项卡页更新主页状态

Javascript 从React中路由器链接打开的新选项卡页更新主页状态,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我的应用程序由两部分组成:一个列表和一个项目列表详细信息,通过单击列表项目并在新页面选项卡中打开来呈现。 我应该能够在新选项卡中编辑列表项,并使此更改在列表选项卡中也可见(列表和列表项详细信息显示此可编辑信息) 如何从新页面上打开的另一个组件更新组件的状态 我正在使用路由器链接打开带有一些参数(如项目id)的新选项卡 非常感谢如果两个页面共享同一个域,您可能可以使用浏览器的本地存储在两个页面之间交换信息 在listView页面中,可以将侦听器附加到localStorage,并在与所需键关联的值发

我的应用程序由两部分组成:一个列表和一个项目列表详细信息,通过单击列表项目并在新页面选项卡中打开来呈现。 我应该能够在新选项卡中编辑列表项,并使此更改在列表选项卡中也可见(列表和列表项详细信息显示此可编辑信息)

如何从新页面上打开的另一个组件更新组件的状态

我正在使用路由器链接打开带有一些参数(如项目id)的新选项卡


非常感谢

如果两个页面共享同一个域,您可能可以使用浏览器的本地存储在两个页面之间交换信息


在listView页面中,可以将侦听器附加到localStorage,并在与所需键关联的值发生更改时触发重新呈现

好吧,如果你打开一个新标签,想在它们之间交流,你就离开React(用于单页应用)的范围


也许使用BroadcastChannel API可以帮助您:

您可以将函数作为道具向下传递,并让子组件调用该函数。