我有一个 React 组件,它向后端发出请求以获取交易列表。涉及分页,因此有效负载将返回一个游标,可以在下次发出请求时使用。
useEffect((): void => {
const { data } = await client.query({
query: QueryTransactions,
variables: {
id: accountId,
after: cursor
}
});
setData(data.data)
setCursor(data.nextCursor)
}, [accountId, cursor]);
我的问题是每次从后端收到有效负载时我都会设置光标,但该光标值位于挂钩依赖项中。这使得效果再次运行。
如何绕过这个无限循环?