pagination - 在没有查看器的情况下中继现代分页

Question

您好，我已经完成了我的服务器 grapqhl api。目前我在客户端的中继分页上堆叠。我搜索了很多关于它的文章。并且在任何地方都使用查看器根查询字段完成分页。文档中关于它的哪一个说该字段是不必要的。

在其他资源中：

query routesOrdersQuery {
  viewer {
    ...Order_order
  }
}
fragment Order_order on OrderType {
  orders() @connection {
    edges {
      node {
      }
    }
  }

就我而言：

query routesOrdersQuery {
  ...Order_order
}
fragment Order_order on Query {
 orders(first: $first) @connection(key: "Order_order") {
   edges{
    node{
     id
    }
   }
 }
}

Answer 1

我解决了。关于在根查询中传播片段的假设是不正确的。问题在于 Route 渲染方法。

<Route
    render={({error, props}) => {
       if(error) {
         return <div>{error.message}</div>
       } else if(props) {
         return <Orders query={props} />
       } else {
         return <div>Loading...</div>
       }
    }}
    ...
/>

所以使用渲染而不是组件。它应该呈现 3 种不同的状态。否则它不起作用。