Reactjs React Redux Socket.io文件结构

Reactjs React Redux Socket.io文件结构,reactjs,redux,socket.io,Reactjs,Redux,Socket.io,我正在开发react原生应用程序,它使用socket.io。websocket有着巨大的逻辑。这是一种在分离的文件上分割的方法。我想做一些类似的事情 websocket文件夹 index.js(这里是连接到websocket) handlers.js(这里是所有socket.on函数) events.js(这里是所有socket.emit函数) 问题是要将套接字对象传递给所有这些文件。我可以将它传递给redux,然后从商店中获取,但我认为这不是一个好的做法。我还试着制作包含套接字对象的原型,

我正在开发react原生应用程序,它使用socket.io。websocket有着巨大的逻辑。这是一种在分离的文件上分割的方法。我想做一些类似的事情

websocket文件夹

  • index.js(这里是连接到websocket)
  • handlers.js(这里是所有socket.on函数)
  • events.js(这里是所有socket.emit函数)

问题是要将套接字对象传递给所有这些文件。我可以将它传递给redux,然后从商店中获取,但我认为这不是一个好的做法。我还试着制作包含套接字对象的原型,并通过protoprop从中继承,但我现在不知道它是如何与typescript一起工作的。也许有更好的解决方案?

定义套接字可以执行的操作,例如
{type:SEND,payload:message}
并将套接字放入redux中间件中。当您收到一些东西时,您可以从中间件发送一个操作。当您希望从组件发送某些内容时,可以使用提供的操作并分派它们。