ページングでレンダリングするコンポーネントをリコールする

Question

ここでのロジックは分かりません。このコードブロックはページ作成のためのもので、クリックするとこの機能を起動します。

componentDidUpdate() { 
    const { location } = this.context; 
    const { query } = this; 
    if (!isEqual(query, location.query)) { 
     this.query = clone(location.query); 
     API.fetchAll(assign({}, query, { 
      offset : this.getOffset(), 
      limit : page 
     })); 
    } 
} 

しかし、私は本当にそれが何かを伝えることはできないと推測しています。皆さんは手掛かりを持っていますか？

Answer 1

このメソッドは、コンポーネントが新しい状態または新しい小道具を受け取ったときに実行されます。

ロケーションプロパティをthis.context（だからthis.context.location）、クエリプロパティをthis（だからthis.query）に変更しています。

thisのクエリが異なる場合は、場所が変更されている可能性があります（コードに十分な情報はありませんが、URLが変更されていると推測しています）。this.queryに新しい場所のクエリを割り当てています。

クエリプロパティが更新されると、新しいリソースのAPI呼び出しが実行されます。

fetchAllのassignの方法はおそらくObject.assignです。したがって、プロパティクエリ、オフセット、およびページを使用して新しいオブジェクトを作成しています。