如何在页面加载时将 redux 中的操作分派到从 websockets 收到的请求？

【问题标题】：How do I dispatch actions in redux, to requests received from websockets when page is loaded?如何在页面加载时将 redux 中的操作分派到从 websockets 收到的请求？
【发布时间】：2016-03-05 14:41:31
【问题描述】：

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

我该怎么做？

【问题讨论】：

标签： reactjs websocket react-router redux react-redux

【解决方案1】：

您可以在组件加载时开始监听 Web 套接字事件。传递dispatch 方法，以便一旦有数据就可以调度操作。

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

【讨论】：