React中如何正确缓存API数据避免重复请求？

迷人的琬晴提问于 2026-03-15 10:50:23 阅读 2

优化

我用useEffect去请求用户数据，但每次组件重新渲染都会重新发请求，明明数据没变。试过把依赖数组设为空，但又拿不到最新的userId。有没有办法只在userId变化时才请求，同时缓存结果？

这是我的代码：

useEffect(() => {
  const fetchUser = async () => {
    const res = await fetch(<code>/api/user/${userId}</code>);
    const data = await res.json();
    setUser(data);
  };
  fetchUser();
}, [userId]);

缓存优化缓存策略

我来解答赞 3 收藏

反馈

暂无解答