有两个参数的函数在 React 中不起作用

Question

我有2个文件。其中之一是用于请求的“http”文件夹，另一个是React Component。当我想要更改表格并上传个人资料照片时遇到问题。更改表单有效（userDetails），但照片对象无效（UpdatedProfilePicture）。响应返回空对象。

我有一个想法并尝试过。我更改了 URL 并删除了 userDetails，并且 formData 起作用了。但他们两个都没有工作。实际上，第一个参数起作用，但第二个参数不起作用。对于请求，我使用 React Query

组件

  const { mutate } = useMutation(apiService.updateUserDetailsInfo);

  const onSubmit = () => {
    let formData = new FormData();
    formData.append("photo", UpdatedProfilePicture);
    const urlUserDetails = new URLSearchParams(userDetails);

    mutate(urlUserDetails, formData);

  };

http 文件夹

     updateUserDetailsInfo: async (userDetails, formData) => {
      const response = await httpService.patch(`/user/detailsInfo?${userDetails}`, formData);
      return response?.data;
    },

Answer 1

USEMUNT不支持具有多个参数的功能，但是您可以将所有数据放入一个参数中：

updateUserDetailsInfo: async (variables) => {
  const { userDetails, formData } = variables;
  const response = await httpService.patch(`/user/detailsInfo?${userDetails}`, formData);
  return response?.data;
},

// used like:
const { mutate } = useMutation(apiService.updateUserDetailsInfo);

const onSubmit = () => {
  let formData = new FormData();
  formData.append("photo", UpdatedProfilePicture);
  const userDetails = new URLSearchParams(userDetails);

  mutate({ userDetails, formData });
};