在 apollo-react 问题中默认获取更多分页或仅网络策略

Posted

技术标签:

【中文标题】在 apollo-react 问题中默认获取更多分页或仅网络策略【英文标题】:Default fetch more pagination or network-only policy in apollo-react issue 【发布时间】:2019-09-20 09:15:23 【问题描述】:

我无法在页面上显示固定数量的结果。查询中的数据因缓存不同而不同,响应中的记录数固定较大(graphql 对数据库的请求是正确的)。

“仅网络”获取策略未按预期工作:“永远不会从缓存中返回初始数据”。获取策略“no-cache”不给数据。

我的查询组件:

render() 
  return ( 
     <Query query=MOVIES_QUERY  variables=skip: skip, limit: limit fetchPolicy="network-only">
         ( data, loading, error ) => 
           // data different by cache
            ...
           // onClick I am changing state
           this.setState()
            ...
         
     </Query>
  )

我的查询:

const MOVIES_QUERY = gql`
   query($skip: Int!, $limit: Int!)
      movies(start: $skip, end: $limit) 
         id
         title
      
   

猫鼬:

Movie.find().skip(args.start).limit(args.end);

我希望渲染组件的记录数 = 限制 - 跳过。

【问题讨论】:

太多东西被剥离了 - fetchMoreupdateQuery,更新变量? 【参考方案1】:

编辑 好的,很抱歉,我发现问题出在我的 mongoose 查询限制上:

Movie.find().skip(args.skip).limit(args.limit)

限制就是我的页面大小(每页的记录数)

Movie.find().skip(args.skip).limit(args.per_page)

【讨论】:

以上是关于在 apollo-react 问题中默认获取更多分页或仅网络策略的主要内容,如果未能解决你的问题,请参考以下文章

在 apollo-react 查询后调度 redux 操作

中继或 Apollo-react 如何解决涉及多个关系的突变

element-ui select下拉框滚动加载更多

DataTables - 创建自定义分页样式(加载更多样式)

如何对推特数据进行分页以显示 100 条或更多最新推文?

ReactJs:加载更多分页类型(附加)