没有观众的接力现代分页

时间:2018-05-20 10:48:20

标签: pagination graphql relayjs relaymodern

您好我已经完成了我的服务器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
    }
   }
 }
}

1 个答案:

答案 0 :(得分:0)

我解决了。关于在根查询中传播片段的假设是不对的。 问题出现在路线渲染方法中。

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

因此使用render而不是component。它应该呈现3种不同的状态。否则它不起作用。