なつねこメモ

主にプログラミング関連のメモ帳 ♪(✿╹ヮ╹)ノ

書いてあるコードは自己責任でご自由にどうぞ。記事本文の無断転載は禁止です。

2022/10/27

SWR で1回だけ fetch したい

カテゴリー:

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 がよく使われているようです。
ということで、メモでした。

参考:

Copyright (c) 2015 - 2023 Natsuneko <me@natsuneko.cat>