2016-07-11 9 views
3

Ich versuche, die Paginierung ohne unendlichen Bildlauf zu codieren. Ich möchte in der Lage sein, auf eine Seitennummer zu klicken und den Vorher- und Nachher-Cursor entsprechend zu aktualisieren. Wenn der Cursor des letzten Datensatzes auf dieser Seite angezeigt wird. Ich bin mir nicht sicher, ob dies der beste Weg ist. Das erste Mal mit Relais. Ich bin mir nicht sicher, wie ich meinen Container basierend auf Bedingungen dynamisch ändern kann. Manchmal habe ich kein Nachher oder Vorher. Ich habe leere Zeichenfolgen übergeben, aber relay klagt darüber, wo graphql Abfrage-Tool nicht.Relay-Paginierung (nicht unendlicher Bildlauf)

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, 

       } 
       } 
      } 
     } 
    ` 
    } 
}); 

Ist das ein guter Ansatz? Hat jemand anderes versucht, dies zu tun? Jeder Artikel, den Sie in der Seitennummerierung für Relay lesen, ist unendlich lang.

Antwort

1

Um diesen Fehler zu vermeiden, legen Sie die lastRecord-Variable als null statt einer leeren Zeichenfolge fest.

initialVariables: { 
     pageSize: 20, 
     lastRecord:null 
    }