如何使用React查询访问缓存以显示数据？

const cache = new Map();

const fetchData = async (id) => {
  if (cache.has(id)) {
    return cache.get(id);
  } else {
    const data = await fetchFromServer(id);
    cache.set(id, data);
    return data;
  }
};

class MyComponent extends React.Component {
  state = {
    data: null,
  };

  componentDidMount() {
    this.fetchData();
  }

  async fetchData() {
    const data = await fetchData('exampleId');
    this.setState({ data });
  }

  render() {
    const { data } = this.state;

    if (!data) {
      return <div>Loading...</div>;
    }

    return <div>{data}</div>;
  }
}