【山东大学软件学院21级项目实训】前端：深入理解React Hooks使用useMutation和useQuery管理组件状态

useMutation和useQuery

使用useMutation发送更新请求，并处理请求的不同状态（成功、失败、进行中）。

postQueryFn：自定义的数据请求函数，用于与后端进行数据交互。

  const {
    mutate: imgMutate,
    isSuccess: imgSuccess,
    data: imgData,
    isPending: imgPending,
  } = useMutation({ mutationFn: postQueryFn });

作用：通过 useMutation hook 定义了一个名为 imgMutate 的函数，用于执行数据变更操作。

属性解构：

• mutate：被重命名为 imgMutate，是一个函数，用于触发数据变更操作。

• isSuccess：表示数据变更操作是否成功完成的状态。

• data：包含成功数据变更后返回的数据。

• isPending：表示数据变更操作是否正在进行中的状态。

const {
  mutate: infoMutate,
  isSuccess: infoSuccess,
  data: infoData,
  isPending: infoPending,
} = useMutation({ mutationFn: postQueryFn });

作用：定义了一个名