如何在函数调用后对页面加载和调用使用钩子?

How to use a hook on page load and recall after a function call?

提问人:grabury 提问时间:11/17/2023 最后编辑:grabury 更新时间:11/17/2023 访问量:27

问:

我在页面加载时使用来自 SDK 的钩子,如下所示:

import { useOwnedAssets } from 'somesdk/react'
const { data, isLoading, error } = useOwnedAssets(foo, bar)

我调用一个影响自有资产的函数。updateAssets()

如何在组件加载时调用钩子,并在函数末尾重新计算或调用钩子?useOwnedAssetsupdateAssets()

对于组件加载,我只需使用:

const { data: ownedNFTs, isLoading, error } = useOwnedAssets(foo, bar)

但是调用updateAssets后如何调用呢?

reactjs 反应钩子 react-custom-hooks

评论

0赞 Silviu Burcea 11/17/2023
也许也可以导出一个函数?setData
0赞 grabury 11/17/2023
这是从 sdk 导入的钩子
0赞 segFault 11/17/2023
你能提供一个指向钩子的文档的链接吗?
0赞 grabury 11/17/2023
portal.thirdweb.com/react/react.useownednfts

答:

2赞 Lukas Verstraete 11/17/2023 #1

看起来这个库在幕后使用来管理 http 调用。您应该能够从钩子中解构 refetch 函数,并使用它来重新获取数据。@tanstack/react-queryuseOwnedNFTs

您应该能够这样做:

                                             v
const { data: ownedNFTs, isLoading, error, refetch } = useOwnedAssets(foo, bar)

你可以从 react-query 中查看 useQuery 钩子的文档,这就是 useOwnedNFT 在幕后的钩子。https://tanstack.com/query/v4/docs/react/reference/useQuery