React 容器中的 Socket 对象在哪里初始化？

Question

我正在研究 React.js 和 socket.io。 我的应用程序由多个 containers.Each 容器组成。

我的容器和组件层次结构

• 仪表板
• 聊天
  • ChatListItem
  • CustomerChatView

所以这里的 Dashboard 和 Chat 是在不同的 js 文件中定义的两个独立的容器。 我想在仪表板和聊天消息之间共享 websocket 对象，以便当聊天容器中有新的聊天消息时，仪表板能够向用户显示警报消息。

我的问题是什么地方初始化websocket最合适，这样两个容器都可以使用同一个socket对象？

我正在使用 socket.io javascript 库

Answer 1

我可能会创建一个根应用程序容器，它可以在 componentWillMount 上分派一个操作来初始化套接字并将结果存储在商店中。然后你可以将它传递给任何其他容器并在任何需要的地方使用它。