rtk-query - Typescript Union 和 Type Guard

Question

SerializedError摆脱使用 RTK Query的最佳方法是什么error，例如此处的示例：https ://redux-toolkit.js.org/rtk-query/usage/error-handling 。还有一个例子可以为单个查询输入错误吗？提前致谢

function PostsList() {
  const { data, error } = useGetPostsQuery()
  // error: FetchBaseQueryError | SerializedError | undefined
  // Property 'status' does not exist on type 'FetchBaseQueryError | SerializedError'.
  // How do I check if it's a FetchBaseQueryError before continuing
  return (
    <div>
      {error.status} {JSON.stringify(error.data)}
    </div>
  )
}

Answer 1

最简单的方法是"status" in error：

{ "status" in error ? <>{error.status} {JSON.stringify(error.data)} </> : undefined }

不支持为单个查询键入错误。不过，这可能会在未来发生变化。

但一般来说，有很多与 baseQuery 相关的错误通常会独立于端点响应而发生，例如解析错误或连接错误，例如 fetchBaseQuery。

https://github.com/reduxjs/redux-toolkit/blob/8a5d4bc69beca497625da48954fc1f2621bb0c82/packages/toolkit/src/query/fetchBaseQuery.ts#L61-L99