Ошибка в разбиении на страницы при использовании fetchmore в vue apollo graphql - PullRequest
Новая
       97

Ошибка в разбиении на страницы при использовании fetchmore в vue apollo graphql

0 голосов
/ 11 марта 2020

Я использую vue apollo для извлечения данных из github graphql и использую разбиение на страницы fetchmore.

моя функция fetchmore 

morefetch(){
      this.$apollo.queries.LabelCounter.fetchMore({

       //new variables
        variables: {
        number: this.number,
        repositoryName: this.repositoryName,
        owner: this.owner,
        afterCursor: this.afterCursor,
        },

        // Transform the previous result with new data
        updateQuery: (previousResult, { fetchMoreResult }) => {
          this.afterCursor = fetchMoreResult.repository.project.columns.pageInfo.endCursor;

          const newColumns = fetchMoreResult.repository.project.columns
          const hasNextPage = fetchMoreResult.repository.project.columns.pageInfo.hasNextPage;
          this.showMoreEnabled = hasNextPage

          console.log(newColumns);

          return {
            LabelCounter: {
               __typename: previousResult.LabelCounter.__typename,        
              // Merging the columns list
              columns: [...previousResult.repository.project.columns, ...newColumns],
              hasNextPage,
            },
          }


          }
        }
      })

новые данные загружаются в консоль при запуске morefetch (), но не объединены с предыдущими данными. Выдает следующую ошибку: Ошибка типа: не удается прочитать свойство '__typename' из неопределенного

...