如何在rtkquery中构成错误，以及如何将它们结合在自定义钩中

Question

如果我有一个React视图，该视图需要通过RTKQuery Cache/API调用进行两个查询，则如何将isloading，error等组合组合？

操作

我已经想过要做以下

const useUsersAndHousesQueries = () => {
    const users = useUsersQuery()
    const houses = useHousesQuery()

    const isLoading: boolean = users.isLoading || houses.isLoading
    const isError: boolean = users.isError || houses.isError
    // ...users || ...houses boolean values
    
    const data = {users: users.data, houses: houses.data}
    const error = {...} // How are RTKQuery's errors structured? Or do I structure them myself? Is it derived from the api call's response? I want to combine them so they can be rendered in an alert together in a component as a warning

    return {isLoading, isError, data, error, ...}
}

Answer 1

如果您使用fetchbasequery，则是fetchBaseQueryError或（在非常意外的情况下

） ，<代码>数据将是服务器的响应（如果以某种形式使用）

export type FetchBaseQueryError =
  | {
      /**
       * * `number`:
       *   HTTP status code
       */
      status: number
      data: unknown
    }
  | {
      /**
       * * `"FETCH_ERROR"`:
       *   An error that occurred during execution of `fetch` or the `fetchFn` callback option
       **/
      status: 'FETCH_ERROR'
      data?: undefined
      error: string
    }
  | {
      /**
       * * `"PARSING_ERROR"`:
       *   An error happened during parsing.
       *   Most likely a non-JSON-response was returned with the default `responseHandler` "JSON",
       *   or an error occurred while executing a custom `responseHandler`.
       **/
      status: 'PARSING_ERROR'
      originalStatus: number
      data: string
      error: string
    }
  | {
      /**
       * * `"CUSTOM_ERROR"`:
       *   A custom error type that you can return from your `queryFn` where another error might not make sense.
       **/
      status: 'CUSTOM_ERROR'
      data?: unknown
      error: string
    }

export interface SerializedError {
  name?: string
  message?: string
  stack?: string
  code?: string
}