Javascript 反应/回流数据流：DOM中的一个组件两次

假设我有以下树：

<LandingPage>
    <PageHeader>
        <Menu>
            <ShoppingCart>
        </Menu>
    </PageHeader>
    <MainPage>
        <ShoppingCart>
    </MainPage>
</LandingPage>

我们关心的组件是ShoppingCart

装载后（componentDidMount），ShoppingCart会触发一个操作，以便ShoppingCartStore向服务器发出请求并返回一个物品列表，从而触发ShoppingCart的重新登录

按照现在的设置方式，总会有两个请求和两个重新请求，因为这两个组件都在dom中

一种解决方案是使用一个公共根来触发这些请求，但这将是登录页，并且必须通过PageHeader、Menu和MainPage传递数据

---

有更好的解决办法吗？这足够好吗？

我对所有数据请求都使用api.store。我在条目app.js中调用api.store。然后我使用api.store侦听初始数据请求的操作。 app.js

“严格使用”；
从“React”导入React；
从“react dom”导入react dom；
从“./components/app.ctrl.js”导入AppCtrl；
从“/Actions/api.Actions”导入操作；
从“/stores/Api.Store”导入ApiStore；
window.ReactDom=ReactDom；
Actions.apinit（）；
render（，document.getElementById（'react'）