主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ
書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。
2022/10/27
React Hooks でデータフェッチングをするライブラリである SWR ですが、アプリケーションを通して 1 度だけ fetch したい、みたいな時もあると思います。
そのときの解決方法。
といっても、仕組みはすでに (v1.0 から) 用意されていて、以下にようにするだけ。
import useSWR from "swr/immutable"; // immutable から import する
// ...
const { data, error } = useSWR("/api/config", fetcher);
名前としては、まぁ default export なので useSWR
のままでも良いのですが、 useSWRImmutable
がよく使われているようです。
ということで、メモでした。
参考: