每当 state 更改时如何使反应查询无效？

Question

每当某个 state 发生更改时，我都会尝试使用 react-query 重新获取我的用户数据。 但是当然我不能在一个钩子中使用一个钩子，所以我不知道如何设置对这个 state 的依赖。

当前获取用户的代码是：

const {data: userData, error: userError, status: userStatus} = useQuery(['user', wallet], context => getUserByWallet(context.queryKey[1]));

这很好用。 但是只要更改 gobal state 钱包，我就需要使它失效。 我想我可以做类似的东西

useEffect(
    () => {
        useQueryClient().invalidateQueries(
            { queryKey: ['user'] }
        )
    },
    [wallet]
)

但这不起作用，因为useQueryClient是一个钩子，不能在回调中调用。

关于如何解决这个问题的任何想法？

一般的想法是钱包可以随时在应用程序中更改，可以连接到不同的用户。 因此，每当钱包 state 发生变化时，都需要获取该用户。

谢谢

Answer 1

useQueryClient返回object，后面可以用到。

例如：

const queryClient = useQueryClient()

useEffect(
    () => {
        queryClient.invalidateQueries(
            { queryKey: ['user'] }
        )
    },
    [wallet]
)