2016-07-11 3 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 
    }