useQueryErrorResetBoundary
TypeScript
1function useQueryErrorResetBoundary(): QueryErrorResetBoundaryValue;定义位置:packages/react-query/src/QueryErrorResetBoundary.tsx:102
该 Hook 会在最近的 QueryErrorResetBoundary 内重置所有查询错误;若未定义任何边界,则全局重置这些错误。
返回值
QueryErrorResetBoundaryValue
该边界的 QueryErrorResetBoundaryValue。
示例
TypeScript
1import { ErrorBoundary } from 'react-error-boundary'2import { useQueryErrorResetBoundary } from '@tanstack/react-query'3 4function App({ children }: { children: React.ReactNode }) {5 const { reset } = useQueryErrorResetBoundary()6 7 return (8 <ErrorBoundary9 onReset={reset}10 fallbackRender={({ resetErrorBoundary }) => (11 <div>12 There was an error!13 <button onClick={() => resetErrorBoundary()}>Try again</button>14 </div>15 )}16 >17 {children}18 </ErrorBoundary>19 )20}