1

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

我的容器和组件层次结构

  • 仪表板
  • 聊天
    • 聊天列表项
    • 客户聊天视图

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

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

我正在使用 socket.io javascript 库

4

1 回答 1

1

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

于 2016-07-29T06:32:27.397 回答