将React Router与Unstated集成

Question

以下代码（其中每个组件都包含<Subscribe to={[ZebraContainer]}>）使ZebraContainer构造了3次。是否存在将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

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