我的 React Query 使用姿势是不是不对

刚使用 React Query 一天，有个问题请教大家。

在做一个应用，有一个接口比如 `/api/foo`，这是进入每一个页面都会调用的，我想要 cache 住。

我现在的代码:

```javascript
const PageA = () => {
const {data} = useQuery(['foo'], async () => {
// 忽略请求部分代码
}, {
cacheTime: 10000,
staleTime: 30000,
})
}

const PageB = () => {
const {data} = useQuery(['foo'], async () => {
// 忽略请求部分代码
}, {
cacheTime: 10000,
staleTime: 30000,
})
}
```

我发现这样是可以，那么，这样是否就规范了呢？我不需要把 data 再放在 redux 里吧(我感觉不用)？

另外一个问题，每个页面都有这一段代码，怎么抽成比较简单的 hook 呢？

#const #foo #data #代码 #useQuery #async #cacheTime #10000 #staleTime #30000