reactjs - react-query：无论getQuery是否被缓存，是否有一个回调触发？

Question

我想做一些副作用，比如 setState 并在获取数据后更新上下文。但是，当数据在缓存中时，不会执行 onSuccess。useEffect 也不起作用，因为如果数据被缓存，它不会从未定义的数据变为真实数据。因此它也不会触发。这样做的最佳方法是什么？谢谢

Answer 1

我的用例是从 useQuery 返回的数据中提取一些值并在这些值上设置一个新状态。

通常，它们不需要将状态从反应查询复制到本地状态。这只会导致事实来源的重复。最好将它们分开，这样您也可以从后台更新中获利。

如果要转换数据或订阅部分数据，请使用以下select选项useQuery：

const { data } = useQuery(key, fn, { select: data => data.map(...) })

或者，您可以根据返回的数据计算一些新数据useMemo，例如：

const { data } = useQuery(...)

const articles = useMemo(() => data?.map(...), [data])
// work with articles from here on

您也可以将其很好地放入自定义挂钩中。