ApolloClient:你如何处理缓存中的规范化/嵌套?
创始人
2024-09-09 08:30:19
0

在ApolloClient中,处理缓存中的规范化/嵌套可以通过使用normalizedenormalize方法来实现。这两个方法允许我们在缓存中存储和检索规范化的数据。

下面是一个示例,展示了如何使用ApolloClient处理缓存中的规范化/嵌套数据。

首先,我们需要创建一个ApolloClient实例,并配置缓存。在这个例子中,我们使用InMemoryCache作为缓存。

import { ApolloClient, InMemoryCache } from '@apollo/client';

const cache = new InMemoryCache();

const client = new ApolloClient({
  cache,
  // ...其他配置
});

接下来,我们可以使用normalize方法将数据规范化,并将其添加到缓存中。下面是一个示例:

import { gql } from '@apollo/client';

const query = gql`
  query GetBooks {
    books {
      id
      title
      author {
        id
        name
      }
    }
  }
`;

client.query({ query }).then((result) => {
  const data = result.data;

  // 规范化data中的books和author数据
  cache.writeQuery({
    query,
    data: {
      books: data.books.map((book) => ({
        ...book,
        // 规范化author数据
        author: cache.writeFragment({
          id: `Author:${book.author.id}`,
          fragment: gql`
            fragment AuthorFragment on Author {
              id
              name
            }
          `,
          data: book.author,
        }),
      })),
    },
  });
});

在上面的示例中,我们使用writeQuery方法将books数据规范化并添加到缓存中。同时,我们使用writeFragment方法将每个book的author数据规范化并添加到缓存中。

接下来,我们可以使用denormalize方法从缓存中检索规范化的数据。下面是一个示例:

const bookId = '1';
const authorId = '2';

// 从缓存中检索book数据
const book = cache.readFragment({
  id: `Book:${bookId}`,
  fragment: gql`
    fragment BookFragment on Book {
      id
      title
      author {
        id
        name
      }
    }
  `,
});

// 从缓存中检索author数据
const author = cache.readFragment({
  id: `Author:${authorId}`,
  fragment: gql`
    fragment AuthorFragment on Author {
      id
      name
    }
  `,
});

在上面的示例中,我们使用readFragment方法从缓存中检索规范化的book和author数据。

通过以上示例,你可以了解到如何使用ApolloClient处理缓存中的规范化/嵌套数据。你可以根据自己的需求和数据结构进行相应的配置和操作。

相关内容

热门资讯

受玩家影响!约局吧怎么看有没有... 受玩家影响!约局吧怎么看有没有挂,德普之星透视辅助插件,竟然真的是有挂(有挂技巧)1、德普之星透视辅...
一分钟揭秘!四川途游辅助软件,... 您好,微信小程序游戏辅助这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
反观!wepoker透视脚本免... 反观!wepoker透视脚本免费app,智星菠萝可以辅助吗,一贯是真的有挂(了解有挂)1、进入游戏-...
热点讨论!微乐多乐跑作弊,创思... 热点讨论!微乐多乐跑作弊,创思维激k开挂视频,详细神器(有挂秘籍)1、下载好创思维激k开挂视频脚本下...
目前来看!wepoker正确养... 目前来看!wepoker正确养号方法,德普之星透视辅助软件下载,一贯是真的有挂(有挂技术)1、首先打...
每日必看!微乐小程序有脚本吗,... 每日必看!微乐小程序有脚本吗,欢乐游戏城攻略,详细技巧(有挂存在)暗藏猫腻,小编详细说明微乐小程序有...
最新消息!pokemmo辅助工... 最新消息!pokemmo辅助工具,德扑之星透视辅助插件,真是确实有挂(真的有挂)1、金币登录送、破产...
普及知识!打哈儿麻将辅助软件,... 普及知识!打哈儿麻将辅助软件,jj斗地主外开挂,详细脚本(有挂攻略)该软件可以轻松地帮助玩家将打哈儿...
2026版攻略!wepoker... 2026版攻略!wepoker免费钻石,智星德州插件最新版本更新内容详解,本来真的有挂(有挂方法)该...
重大通报!潮友潮汕木虱开挂辅助... 重大通报!潮友潮汕木虱开挂辅助器下载,川娱竞技辅助,详细挂(确实有挂)1、下载好潮友潮汕木虱开挂辅助...