依存で再取得

React実践 / 全 6 枚

取り直しを誰がやるか

絞り込みを手元でやるか、サーバーにやらせるかで通信の量が変わります。

手元で絞り込む

const shown = items.filter(
  (i) => i.category === cat
);

サーバーに絞らせる

const res = await fetch(
  "/api/items?category=" + cat
);

全部取ってから捨てるか、要る分だけ届くかの違いです。

1 / 6

← → キーでも送れます