私はテーブルを持つReact JSページを持っています。次のように私の要件は次のとおりです。Webソケットの更新を受信するとReactコンポーネントをリロードする方法はありますか?
- ロードテーブルを(表を反応させるの使用)、データAPIを呼び出して、テーブル
- スタートクライアント側のWebソケット接続を移入し、任意の更新について聞く
- ザ・データベースにエントリが追加されたときにWebSocketサーバーが更新(イベント)を送信するため、Data APIを呼び出して更新情報を取得する必要があります。
- Web経由での更新ソケットを使用するには、テーブル・コンポーネントを再度ロードして、新しいデータで表を作成するData APIへのAPI呼び出しを行う必要があります。今
私の実装は次のとおりです。
- 、テーブルをロードAPIを呼び出して、テーブルに
- オープン用WebSocketを移入し、任意の更新について聞きます。
- イベントとして更新を受け取ると、私はAPIを再度呼び出してテーブルをリロードします。
ImはReactとhaventのみを使用して状態管理に使用します。上記の方法は機能しますが、これは唯一の方法か上記を実装するためのより良い方法があるかどうかを知りたいですか?
あなたのアプローチは実行可能です。初期APIコールで状態を設定し、状態が小道具として渡されるコンポーネントをレンダリングします。更新イベントを受け取った場合、新しいデータでコンポーネントを再レンダリングする状態を更新すると、別の要求が行われます。 Reduxもお手伝いできます。それは、ネットワーク関連のものすべてからあなたのコンポーネントを分離することができますが、あなたのアプリが単純なものなら、それを使用する必要はありません。私が助けることができることを願って:) –