在react redux应用程序中初始化套接字连接的位置

Question

在反应Redux应用程序中初始化套接字连接的最佳位置在哪里，同时为组件提供对套接字实例的访问以分派套接字事件。

在组件内或使用redux操作分派套接字事件的最合适方法是什么？

我正在使用sockjs-client库，我正在开发类似于对讲机的实时聊天应用程序。

感谢。

根据redux文档，建立持久连接的最佳位置是在中间件中，但我似乎无法理解组件如何使用附带的有效负载调度套接字事件。

示例套接字有效负载：

const data = 
     { 
       "type": "LOAD_HISTORY",
       "data": {
            {
             "id": ID,
             "body": "SOCKET BODY"
             }
           }
       }
sock.send(data);