SWR を使っている SPA でページ遷移時にデータを更新する
SWR とは
SWR とはキャッシュとかまで含めていい感じにデータのロードを行ってくれる React のライブラリです。
やりたいこと
SWR はキャッシュを保持してパフォーマンスを向上させてくれる一方、 SPA でページ遷移したときに本来であればデータを更新してほしいのに更新できない、といったことが発生してしまいます。
そのため、ページ遷移の際にデータの再ロードをしてほいと思うようになりました。
解決方法
SWR のオプションで revalidateOnMount
を有効化することで実現できるようになります。
useSWR(
key,
fetcher,
{
revalidateOnMount: true, // これを追加!
}
);
Author And Source
この問題について(SWR を使っている SPA でページ遷移時にデータを更新する), 我々は、より多くの情報をここで見つけました https://zenn.dev/dragontaro/articles/1fef7bde03d883著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Collection and Share based on the CC protocol