reactjs - ページがロードされたときに websocket から受信したリクエストに、redux でアクションをディスパッチするにはどうすればよいですか?

Question

React で Redux を使用していますが、問題が発生しました。私のアプリでは、WebSocket 経由で BE からのメッセージをリッスンします。アプリが読み込まれると、送信された websocket メッセージをリッスンし、いくつかのアクションをディスパッチする必要があります。

それ、どうやったら出来るの ？

Answer 1

コンポーネントが読み込まれると、Web ソケット イベントのリッスンを開始できます。メソッドを渡して、dispatchデータがあればアクションをディスパッチできるようにします。

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