如何在Apollo graphql reactjs中使用详细查询？

如何解决如何在Apollo graphql reactjs中使用详细查询？

假设data-是来自父查询的数据。

儿童react-component：

const ShowDetails = ({data}) => {
   const { loading,error,data_details } = useQuery(someQueryAsksAdditionalFileldsForEntryAlreadyPresentInCache);
}

someQueryAsksAdditionalFileldsForEntryAlreadyPresentInCache-询问data中缺少的其他字段。

(!loading && !error) data_details将要求提供字段时。

问题：data_details仅具有请求的字段。

问题：是否可以将父数据与ShowDetails中的合并其他请求字段一起使用，而忽略data_details？

在Chrome中，借助Apollo devtools，我看到apollo缓存中有一个来自合并的data和data_details的条目。

我不想重新获取data中所有存在的条目。

示例：

父组件查询：

const bookQuery = gql`
  query ($bookId: ID!) {
    book(id: $bookId) {
      id
      author
    }
  }
`

详细信息查询：

const bookEditionsQuery = gql`
  query ($bookId: ID!) {
    book(id: $bookId) {
      id
      editions {
        publisher
        year
      }
    }
  }
`

const bookReviewQuery = gql`
  query ($bookId: ID!) {
    book(id: $bookId) {
      id
      review {
        user
        score
        date
      }
    }
  }
`

所有这些查询将在Apollo缓存中填充相同的存储桶：book和id。

要实现什么：在React组件BookDetails中：

具有1个对象，其中：

data.author data.editions[0].year data.review[0].user

从逻辑上讲-这是缓存中的一项。

谢谢您的帮助。

解决方法

使用已经获取的[并从父级传递的]数据几乎没有什么可保存的……仅author ...必须获取所有审阅和版本，完全不使用缓存。

...通过review解析器获取editions和book有助于阿波罗缓存保持关系，但还要求API使用其他（“书”）解析器[level]不需要...评论和版本解析器应直接与书号...和fe一起调用可以由单独的<Review />子组件...或在同一请求中使用相同id参数调用的review和editions来使用。

只需在组件中分别使用data和dataDetails-避免代码复杂化，使其易于阅读：

const ShowDetails = ({data}) => {
   const { loading,error,data:dataDetails } = useQuery(someQueryAsksAdditionalFileldsForEntryAlreadyPresentInCache);
}
if(loading) return "loading...";
return (
  <div>
    <div>author: {data.author}</div>
    {dataDetails.review.map(...

...如果您真的想加入数据

const ShowDetails = ({data}) => {
   const [bookData,setBookData] = useState(null);
   const { loading,data:dataDetails } = useQuery(someQueryAsksAdditionalFileldsForEntryAlreadyPresentInCache,{
    onCompleted: (newData) => {
        setBookData( {...data,...newData } );
      }
    });
    if(bookData) return ...
      // {bookData.author}
      // bookData.review.map(...