将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

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