@tanstack/react-query中isLoading,isFetchingisRefetching的区别
@tanstack/react-query中isLoading,isFetchingisRefetching的区别
小口诀
| 场景 | isLoading | isFetching |
|---|---|---|
| 第一次加载中 | ✅ | ✅ |
| 加载更多页 | ❌ | ✅ |
| 手动刷新 | ❌ | ✅ |
| 请求结束 | ❌ | ❌ |
快速记忆口诀
| 状态 | 代表含义 | 常见场景 |
|---|---|---|
isLoading | 首次请求中，还没任何数据 | 页面第一次加载 |
isFetching | 任意请求中（首次、刷新、加载更多） | 所有请求过程 |
isRefetching | 有数据但正在刷新 | 点击刷新按钮或失焦重新聚焦后自动刷新 |