TanStack Query v5 缓存机制深度解析 AI 生成示例
代码预览
エディタを読み込み中…
P
提示词
Create a single HTML file that demonstrates TanStack Query v5 caching behavior with a code example and interactive demo. Include Swiper for sliding between explanation cards, GSAP for animations, and AOS for scroll effects. Show staleTime, gcTime, cache invalidation, and refetchOnMount vs. refetchOnWindowFocus.
TanStack Query v5のキャッシュ動作を実際のReactコードでデモします。「データ取得」ボタンでデータを読み込み、キャッシュ状態を確認。staleTimeは30秒、gcTimeは5分に設定。キャッシュ無効化で再取得を強制。スワイプでコアコンセプトを確認。
提示词解读
TanStack Query v5的缓存行为通过实际React代码进行演示。点击"获取数据"按钮加载数据并查看缓存状态。staleTime设置为30秒，gcTime设置为5分钟。通过缓存失效强制重新获取数据。滑动查看核心概念。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選