React.js と socket.io に取り組んでいます。私のアプリケーションは複数のコンテナで構成されています。各コンテナにはコンポーネントがあります。
私のコンテナとコンポーネントの階層
- ダッシュボード
- チャット
- ChatListItem
- カスタマーチャットビュー
ここでは、Dashboard と Chat は、別々の js ファイルで定義された 2 つの別々のコンテナです。ダッシュボードとチャット メッセージ間で websocket オブジェクトを共有して、チャット コンテナーに新しいチャット メッセージがあるときにダッシュボードがユーザーにアラート メッセージを表示できるようにしたいと考えています。
私の質問は、両方のコンテナーで同じソケット オブジェクトを使用できるように websocket を初期化するのに最も適切な場所はどこですか?
私はsocket.io JavaScriptライブラリを使用しています