当我更改页面状态以使thw查询重新运行时,它会呈现组件3次,前2次相同.为什么会这样?

enter image description here

{
    "status": "loading",
    "isLoading": true,
    "isSuccess": false,
    "isError": false,
    "isIdle": false,
    "dataUpdatedAt": 0,
    "error": null,
    "errorUpdatedAt": 0,
    "failureCount": 0,
    "isFetched": false,
    "isFetchedAfterMount": false,
    "isFetching": true,
    "isRefetching": false,
    "isLoadingError": false,
    "isPlaceholderData": false,
    "isPreviousData": false,
    "isRefetchError": false,
    "isStale": true
}   



function App() {
  const [page, setPage] = React.useState(1);
  const state = useQuery(["todos", page], fetchData);

  console.log(state);
  return (
    <>
      <button
        onClick={() => {
          setPage(page + 1);
        }}
      >
        Next
      </button>
    </>
  );
}

推荐答案

在我看来就像一只虫子;我提出了一个问题:

https://github.com/TanStack/query/issues/3772

Reactjs相关问答推荐

Firebase删除UserWithEmail AndPassword仅创建匿名用户

如何通过浏览器路由在单独的.jsx文件中使用MUI抽屉?

cypress 不能点击SPAN

for each 子级加载父路由加载器

在构建或部署Reaction应用程序时出错

安装使用环境的BIT组件的依赖项

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

React-chartjs-2:红色和绿色之间的差距

console.logs 没有显示在浏览器控制台上,但显示在我的终端上

React useContext 的未定义返回值

React Native 背景动画反转

使用 map 循环浏览列表列表中的列表并显示它们

使用 MuiCssBaseline 在所有 MUI v5 标签上设置边距 0

将复杂状态和 setState 传递给更简单的 api

如何在自定义 JSX 元素上声明属性?

如何使用 React Router 在 React 中正确同步 useEffect 和 useLocation 挂钩?

如何使用 useEffect 和 if 语句 React

如何在 React JS 上使文本中的单词可点击

单击三个按钮之一后如何显示特定按钮的内容?单击其中一个按钮后应隐藏所有按钮

Rtk 查询无效标签不使数据无效