有没有办法只有在可用时才获取数据？

发布于 2025-01-22 13:07:11 字数 371 浏览 4 评论 0原文

大家好，

我的反应代码有一个小问题，希望这里有人能够帮助我解决它。

基本上我是从端点获取数据（多个）我正在使用Axios并进行反应查询。

在我的获取请求中，我有安全标头，一个是授权。用户被登录时发送到会话存储的令牌授权。

我从会话存储中获取令牌，然后将其放在授权标题中。我现在的问题是在用户登录之前，令牌=== null 然后，我的Get请求在用户登录之前运行，以空白令牌为单位。

当用户最终登录时，没有获取数据，因为授权标头中的内容为null，但是当我刷新页面时，数据将被获取，因为当时令牌已经交付，而不是= null。

我不知道您是否完全理解原因很擅长解释，但是如果您这样做，那么无论如何都可以解决这个问题。

谢谢...

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

呢古 2025-01-29 13:07:11

如果您使用的是RTK，则可以使用skip：

const [skip, setSkip] = useState(true);
const { isUninitialized, isSuccess, isLoading } = useSomeQuery(token, {
  skip
});

并设置skip在可用的令牌时为false

If you're using RTK, you may use skip:

const [skip, setSkip] = useState(true);
const { isUninitialized, isSuccess, isLoading } = useSomeQuery(token, {
  skip
});

and set skip to false when the token is available

回复收藏 0 原文

用心笑 2025-01-29 13:07:11

由于令牌是您获取的依赖性，因此应该转到querykey。然后，只要令牌为null，就可以通过启用选项禁用查询。

const token = useTokenFromLocalStorage()

useQuery(
  ["user", token],
  () => fetchUser(token),
  {
    enabled: !!token
  }
)

如果令牌更新（从null更改为值），并且该重新呈现您的组件，则查询将自动运行，因为查询密钥会更改。如果令牌为null，则查询将不会运行。

since the token is a dependency to your fetch, it should go to the queryKey. Then you can disable the query via the enabled option for as long as the token is null.

const token = useTokenFromLocalStorage()

useQuery(
  ["user", token],
  () => fetchUser(token),
  {
    enabled: !!token
  }
)

if the token updates (changes from null to a value), and that re-renders your component, the query will run automatically because the query key changes. The query will not run if the token is null.

回复收藏 0 原文

~没有更多了~