每次页面加载时如何调用 RTK 查询

Question

每次加载购物车页面时，我都必须获取 getAllCartItems 端点，我尝试使用 useEffect 调用它，但这给出了错误，因为我们无法在挂钩中调用挂钩。每次我打开购物车页面时，有没有其他方法可以调用此 getAllCartItems 挂钩。

Answer 1

我不太确定“每次加载页面”是什么意思，但如果你的意思是“每次加载组件”，你可以设置 refetchOnMountOrArgChange​

// Forcing refetch on component mount

import { useGetPostsQuery } from './api'

const Component = () => {
  const { data } = useGetPostsQuery(
    { count: 5 },
    // this overrules the api definition setting,
    // forcing the query to always fetch when this component is mounted
    { refetchOnMountOrArgChange: true }
  )

  return <div>...</div>
}