2016-07-11 11 views
3

無限のスクロールなしでページネーションをコーディングしようとしています。私は、ページ番号をクリックして前後のカーソルをそれに応じて更新できるようにしたい。そのページの最後のレコードのカーソル。これが最善の方法であるかどうかはわかりません。リレーで初めて。条件に基づいてコンテナを動的に変更する方法がわかりません。時には私は、後に、または前にはない。私は空の文字列を渡していましたが、リレーはgraphqlクエリーツールがないところで不平を言っていました。リレーページネーション(無限スクロールではない)

1] Warning: GraphQLRange cannot find a segment that has the cursor: 
[1] GraphQLRange cannot find a segment that has the cursor: 

export default Relay.createContainer(Search,{ 
    initialVariables: { 
    pageSize: 20, 
    lastRecord:"" 

    }, 
    fragments: { 
    Viewer:() => Relay.QL` 
     fragment on Viewer { 
      User_Email, 
    Books (first: $pageSize, after: $lastRecord) { 
       totalCount 
       pageInfo { 
       hasNextPage 
       hasPreviousPage 
       startCursor, 
       endCursor 
       } 
       edges{ 
       cursor, 
       node{ 
        Title, 

        id, 
        Pub_Date, 

       } 
       } 
      } 
     } 
    ` 
    } 
}); 

これは良いアプローチですか?誰かがこれをやろうとしていますか?リレーのページネーションで読んだ記事はすべて無限のスクロールです。

答えて

1

このエラーを回避するには、空の文字列ではなくlastRecord変数をnullに設定します。

initialVariables: { 
     pageSize: 20, 
     lastRecord:null 
    }