Best practice on how to batch your query/mutation with generated codes

[Kewei-Lu]

Hi all,

I am new to RTK query and I meet up a need to call multiple APIs to delete a batch of resources.

// Need to delete all corresponding resources separately
  const [deleteName, deleteNameResponse] =
    useDeleteNameMutation();
  const [deleteSubject, deleteSubjectResponse] =
    useDeleteSubjectMutation();

// Currently, a array is got to delete {names: ["Alice", "Bob"], subjects: ["Math", "Geography", "Physics"]}

const handleDelete = ()=>{
  try{
    for (const Name of names){
      await deleteName({name: Name}).unwrap();
    }
  }catch(e){
    return Promise.reject(deleteNameResponse)
  }
}

  try{
    for (const Subject of subjects){
      await deleteSubject({subject: Subject}).unwrap();
    }
  }catch(e){
    return Promise.reject(deleteSubjectResponse)
  }
}

Out of handleDelete the Promise will be handled for more actions like

handleDelete().then(
  ()=>{Something when success},
  (error)=>{Something when error}
)

At present, I find that when some error occur, the returned Response nested in returned Promise may not bear the desired info. But seems like a new unfired query/mutation.

But when I call the action for the second time, it seems I can get desired result.

Any idea about that? Also, is it a good way to batch the mutation with error handling and generated codes? If not, is there any best practice about this?

Appreciated.