useQueryErrorResetBoundary

Dieser Hook setzt alle Fehler innerhalb der nächstgelegenen QueryErrorResetBoundary zurück. Wenn keine Boundary definiert ist, werden sie global zurückgesetzt.

tsx

import { useQueryErrorResetBoundary } from '@tanstack/react-query'
import { ErrorBoundary } from 'react-error-boundary'

const App = () => {
  const { reset } = useQueryErrorResetBoundary()
  return (
    <ErrorBoundary
      onReset={reset}
      fallbackRender={({ resetErrorBoundary }) => (
        <div>
          There was an error!
          <Button onClick={() => resetErrorBoundary()}>Try again</Button>
        </div>
      )}
    >
      <Page />
    </ErrorBoundary>
  )
}

import { useQueryErrorResetBoundary } from '@tanstack/react-query'
import { ErrorBoundary } from 'react-error-boundary'

const App = () => {
  const { reset } = useQueryErrorResetBoundary()
  return (
    <ErrorBoundary
      onReset={reset}
      fallbackRender={({ resetErrorBoundary }) => (
        <div>
          There was an error!
          <Button onClick={() => resetErrorBoundary()}>Try again</Button>
        </div>
      )}
    >
      <Page />
    </ErrorBoundary>
  )
}

Auf GitHub bearbeiten

QueryErrorResetBoundary

hydration

Unsere Partner

Möchten Sie die Dokumentation überspringen?

„Wenn Sie es ernst meinen, React Query wirklich zu verstehen, gibt es keinen besseren Weg als mit query.gg.“—Tanner Linsley

Möchten Sie die Dokumentation überspringen?

„Wenn Sie es ernst meinen, React Query wirklich zu verstehen, gibt es keinen besseren Weg als mit query.gg.“—Tanner Linsley