我是React的新手，我在组件结构和它们之间共享websocket方面遇到了一些问题。该应用程序由类别和产品组成。初始数据加载将通过Ajax请求完成，并且将使用websocket保持数据更新。我的组件层次结构如下所示:类别列表类别产品列表产品CategoriesList保存类别的状态，ProductsList保存类别中产品的状态。所以我想在CategoriesList和ProductsList中使用相同的websocket，但监听不同的websocket事件:category:updated和product:updated。如何在组件之间共享websocket以及初始化它的正确位置？由