我已经包装了Query和Mutations，所以我可以全局处理每个操作都需要进行的重复操作Query, Mutation。在查询中，我转换数据，所以我不必担心所有nodes, edges, etc

我正在使用react-adopt将所有组件query和mutations组件包装回视图层的一个渲染道具。

Works-一旦发生突变，页面将重新呈现

<ApolloQuery>

export const ApolloQuery = ({
  query: query,
  render,
}) => {
  return (
    <Query query={query}>
      {({ data }) => {
        return (
          <Fragment>
               render(data)
          </Fragment>
        )
      }}
    </Query>
  )
}

组件

export default externalProps => {
  return (
    <QueryContainer {...externalProps}>
      {({ someQueryData, aMutation }) => { //react-adopt render props
        const { nestedData } = new apolloClass(someQueryData).start()
        return (
          <Grid container spacing={16}>
            {nestedData.map((ticket, index) => …