React/Reduxアプリケーションでのネットワークリクエストの位置付けロジック

Question

ページにアイテムを描画するReactコンポーネントがあります。アイテムはネットワークから取得されます。

これらの項目は、コンポーネントの読み込み時に取得してレンダリングする必要があります。

コンポーネントがロードされた後にアイテムを更新するメカニズムがあります。

私の最初の考えは、componentDidMount機能の中にネットワーク要求を配置することです。

これは、還元型および単方向のデータフロー/不変性に関連するベストプラクティスを破ってしまうでしょうか？

代わりに、私はストアにアクションを送信し、ネットワークリクエストを実行するためにreduxミドルウェアに依存する必要があります（これにより、最終的にストアが変更され、コンポーネントが再レンダリングされます）。

Answer 1

データがローカルの場合は、データがグローバルであればcomponentWillMountの内部で行い、次にアクションを呼び出すことでデータを行います。

したがって、基本的に非同期呼び出しをcomponentDidMountとcomponentWillMountにすることは同じです。おそらく、componentDidMountが解雇される前にcomponentWillMountの非同期呼び出しが返されることはほとんどありません。しかし、あなたが同じ電話をcomponentDidMountにするより前に戻るでしょう。

componentDidMountで非同期呼び出しを行うと、コンポーネントが最初にデータなしでレンダリングされ、componentWillMountに暗黙的にデータが到着したときに再レンダリングされることが明らかになります。