如何仅在RTK Query mutation成功后执行invalidateTags？

要实现仅在mutation请求成功时才执行invalidateTags，你需要将invalidatesTags从固定数组改为函数形式，通过判断请求是否出错来决定是否返回要失效的标签。

修改后的Mutation端点代码 #

mutatePost: builder.mutation({   
  query: ({ data, id }) => ({ // 注意：RTK Query mutation仅接收单个参数，需将多参数封装为对象
    url: id ? `/posts/${id}` : `/posts`,
    method: id ? 'PATCH' : 'POST',
    body: data,
  }),

  transformResponse: (response, meta, arg) => response.data,
  transformErrorResponse: (response, meta, arg) => response.data?.message ?? response, 
  // 改为函数形式，根据请求状态决定是否失效标签
  invalidatesTags: (result, error, arg) => {
    // 请求成功时（error不存在），返回要失效的标签数组
    if (!error) {
      return ['Posts'];
    }
    // 请求失败时返回空数组，不触发标签失效
    return [];
  },
})

关键说明 #

• invalidatesTags的函数会接收三个核心参数：
  • result：请求成功时的响应结果
  • error：请求失败时的错误对象（成功时为undefined）
  • arg：调用mutation时传入的参数
• 通过判断error是否存在，就能精准区分请求状态，仅在成功时触发标签失效操作。

额外修正：Mutation参数传递问题 #

你原代码中query函数的(data, id)写法不符合RTK Query规范——mutation仅支持传递单个参数。如果需要同时传入data和id，必须封装为对象，调用时也要对应传入：

// 调用示例
mutatePost({ data: { title: "新文章标题" }, id: 1 });

内容的提问来源于stack exchange，提问作者Naqib Ali