Reactjs 加载页面时，如何在redux中将操作分派给从WebSocket接收的请求？

我正在使用react的Redux，但遇到了一个问题。在我的应用程序中，我通过websockets收听来自BE的消息。加载应用程序时，它应该侦听发送的websocket消息并发送一些操作

---

如何做到这一点？

您可以在加载组件时开始侦听web套接字事件。传递

dispatch

方法，以便在有数据时可以调度操作

@connect(state => ({}))
class MainComponent extends Component {
  componentDidMount() {
    socket.onmessage = (e) => {
      this.props.dispatch({ type: 'SOCKET_DATA', payload: e.data });
    };
  }
}