在Apollo Client v3中，如果使用useQuery进行查询，查询结果默认情况下不会被缓存。这意味着每次进行查询时，都会触发网络请求，带来了性能上的负担。要解决这个问题，我们可以使用Apollo Client提供的一个选项：fetchPolicy。

fetchPolicy有四个可选项：

1. cache-first（默认值）: 尝试从缓存中获取查询结果，如果找到，则立即返回；如果没有找到，则发送网络请求。
2. cache-and-network：首先从缓存中获取查询结果，如果找到，则立即返回，并在后台同时发送网络请求，然后更新缓存以匹配网络响应；
3. network-only：直接发送网络请求，不考虑缓存；
4. cache-only：仅从缓存中获取查询结果，如果找不到，则返回null。

因此，我们可以在使用useQuery进行查询时，将fetchPolicy选项设置为cache-first或cache-and-network，以便查询结果可以被缓存：

import { useQuery, gql } from "@apollo/client";

const EXCHANGE_RATES = gql query GetExchangeRates { rates(currency: "USD") { currency rate } };

function ExchangeRates() { const { loading, error, data } = useQuery(EXCHANGE_RATES, { fetchPolicy: "cache-first", // 将fetchPolicy设置为cache-first或cache-and-network });

if (loading) return

Loading...

Error :(

return data.rates.map(({ currency, rate }) => (

export default ExchangeRates;