从不同选项卡控制相同的应用程序

Question

我有一个带有两个组件的React-Redux应用程序。一个组件（<App/>）显示商店值，另一个组件（<Panel/>）通过调度操作控制值，但每个组件都是在不同的路线上运行，如下所示：

ReactDOM.render(
  <Provider store={store}>
    <BrowserRouter>
      <div className="App">
        <Route exact path="/" component={App} />
        <Route exact path="/panel" component={Panel} />
      </div>
    </BrowserRouter>
  </Provider>,
  document.getElementById('root')
);

我在不同的浏览器标签中打开每条路线：

• 应用组件：http://localhost:3000
• 面板组件：http://localhost:3000/panel

我想要实现的是修改Panel页面的值（通过调度Redux操作）并在App页面上自动查看更新的值。

这是可能的还是我基本上运行了两个不同的应用程序实例？