react-router-v4 - 将 React Router 与 Unstated 集成

Question

以下代码（其中每个组件包含<Subscribe to={[ZebraContainer]}>）会导致 ZebraContainer 被构建三次。是否有一种公认的模式可以将 ZebraContainer 维护为全局单例并且只构造一次？

  <Provider>
    <BrowserRouter>
      <div className="App">

        ...

        <Route path="/foo" component={Foo} />
        <Route path="/bar" component={Bar} />
        <Route path="/baz" component={Baz} />

      </div>
    </BrowserRouter>
  </Provider>

Answer 1

在未说明的容器中是单例。当组件重新渲染时，它们不会被重建。