jquery 使用react-query v4按ID查询对象

jm2pwxwz  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(115)

我 有 一 个 react 组件 , 在 其中 调用 react query

const blogQuery = useQuery(['blog'], getBlog(id));

中 的 每 一 个
然后 我 有 一 个 api.js 文件 , 用于 存储 API 调用

export const getBlog = async (id) => {
  try {
    const res = await axios.get(`${API_URL}/blogs/${id}`);
    return res.data;
  } catch (err) {
    throw new Error('An error occurred while fetching Blogs');
  }
};

格式
在 我 的 HTML 部分 的 React 组件 , 我 有 错误 检查 器 , 触发 错误 , 如果 发生 了 什么 错误 。

blogQuery.error.message
            ? 'error.message = ' + blogQuery.error.message
            : 'error = ' + blogQuery.error

格式
结果 我 在 屏幕 上 收到 以下 错误
错误 = 缺少 queryFn
为什么 会 这样 ?

jm81lzqq

jm81lzqq1#

您需要添加getBlog作为函数,现在它只是调用和id作为键,以重新获取时,键被更改更改:

const blogQuery = useQuery(['blog'], getBlog(id));

更改为:

const blogQuery = useQuery(['blog',id], ()=> getBlog(id));

相关问题