在React Containers中初始化Socket对象的位置?

时间:2016-07-29 05:59:39

标签: javascript sockets reactjs mern

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

我的容器和组件层次结构

  • 控制台
  • 聊天
    • ChatListItem
    • CustomerChatView

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

我的问题是什么是最适合初始化websocket的地方,以便在两个容器中都可以使用相同的套接字对象?

我正在使用socket.io javascript库

1 个答案:

答案 0 :(得分:1)

我可能会创建一个根应用程序容器,它可以在componentWillMount上调度一个动作来初始化套接字并将结果存储在商店中。然后你可以将它传递给任何其他容器并在必要时使用它。