将Redux SubApp与React Router配合使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将Redux SubApp与React Router配合使用相关的知识,希望对你有一定的参考价值。

是否有可能使用这种方法isolating SubApps与React路由器?

问题是每次路由更改时,SubApp将重新呈现,然后redux存储将断开连接。

class BigApp extends Component {
  render() {
    return (
      <Router history={history} >
        <Route component={SubApp1} />
        <Route component={SubApp2} />
        <Route component={SubApp3} />
      </Router>
    )
  }
}
答案

是。我有同样的问题。我解决它的方式是here。解决方案的关键是在每个子应用程序的根应用程序和本地存储上维护一个全局存储,并在它们之间使用Observer模式。

以上是关于将Redux SubApp与React Router配合使用的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 react-router 通过 Route 渲染传递 redux 商店道具?

采用reactjs 开发时,redux 和 react-route 是怎么配合使用的

使用 connect 与 react-redux 和 redux-persist

redux-react-route v4/v5 push() 在 thunk 动作中不起作用

Redux & React Router:结合调度和导航(history.push)

[React 实战系列] 项目的搭建与配置