从突变请求中检测新添加的项目

Question

我有一个前端，希望将新添加的用户标记为用户（想象一下添加了一个新的待办事项，并且已经进行了拆除，并且该新项目被标记为向用户表明它是“新的”）。

我正在考虑使用LocalStorage以某种方式保存getTodolist结果的旧状态，一旦将此API倒置，它将与旧的和标记新的待办事项进行比较为“ new”。

有没有办法为我发现这一点吗？如果没有，是否有一种更干净的方法来构建它？

Answer 1

基于React-Query文档，您可以访问带有上下文的旧数据。

 useMutation(addTodo, {
   onMutate: variables => {
     // A mutation is about to happen!
 
     // Optionally return a context containing data to use when for example rolling back
     return { id: 1 }
   },
   onError: (error, variables, context) => {
     // An error happened!
     console.log(`rolling back optimistic update with id ${context.id}`)
   },
   onSuccess: (data, variables, context) => {
     // Boom baby!
   },
   onSettled: (data, error, variables, context) => {
     // Error or success... doesn't matter!
   },
 })