TanStackQuery v5
自动
框架
版本
菜单
入门指南
指南和概念
API 参考
ESLint
社区资源
示例
插件

useQueryErrorResetBoundary

此钩子将重置最近的 QueryErrorResetBoundary 内的任何查询错误。如果未定义边界，它将全局重置它们：

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>
          发生错误！
          <Button onClick={() => resetErrorBoundary()}>再试一次</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>
          发生错误！
          <Button onClick={() => resetErrorBoundary()}>再试一次</Button>
        </div>
      )}
    >
      <Page />
    </ErrorBoundary>
  )
}
在 GitHub 上编辑
QueryErrorResetBoundary
hydration