在类似于react-query中的useQueries的循环中调用useMutation

import { useMutation, useQueries } from 'react-query';

const tasks = [
  { id: 1, name: 'Task 1' },
  { id: 2, name: 'Task 2' },
  { id: 3, name: 'Task 3' },
  // ...
];

const MyComponent = () => {
  const mutationConfig = {
    // mutation配置
    // ...
  };

  const mutations = useQueries(
    tasks.map((task) => ({
      queryKey: ['task', task.id], // 查询键，用于标识不同的查询
      queryFn: () => useMutation(mutationConfig).mutateAsync(task), // 执行mutation操作
    }))
  );

  return (
    <div>
      {mutations.map((mutation, index) => (
        <div key={index}>
          <span>{tasks[index].name}:</span>
          {mutation.isLoading ? (
            <span>Loading...</span>
          ) : mutation.isError ? (
            <span>Error: {mutation.error.message}</span>
          ) : mutation.isSuccess ? (
            <span>Success!</span>
          ) : null}
        </div>
      ))}
    </div>
  );
};