Пример кода из документов:
const FeedData = ({ match }) => (
<Query
query={FEED_QUERY}
variables={{
type: match.params.type.toUpperCase() || "TOP",
offset: 0,
limit: 10
}}
>
{({ data, fetchMore }) => (
<Feed
entries={data.feed || []}
onLoadMore={() =>
fetchMore({
variables: {
offset: data.feed.length
},
updateQuery: (prev, { fetchMoreResult }) => {
if (!fetchMoreResult) return prev;
return Object.assign({}, prev, {
feed: [...prev.feed, ...fetchMoreResult.feed]
});
}
})
}
/>
)}
</Query>
);
Это загружает больше результатов, если нажата кнопка в Feed
, и добавляет их, бесконечная загрузка, очень хорошо.Но если пользователь уходит и возвращается, отображается КАЖДЫЙ кэшированный элемент (смещение не используется).
Как разбить кэшированные данные на страницы, как если бы они не были кэшированы?