当我更改页面状态以使thw查询重新运行时,它会呈现组件3次,前2次相同.为什么会这样?
{
"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>
</>
);
}