计算页面总数时的分页逻辑

Cec*_*han 12 javascript algorithm reactjs

我正在使用一个反应组件,需要我在道具下面传递

<Pager 
      totalPages={10}
      currentPage={1}
/>
Run Code Online (Sandbox Code Playgroud)

我无法弄清楚我所拥有的api计算total_items,而不是totalPages.如果我有50 total_items,我怎么能为totalPages道具生产5 ?说我的限制是10.

fub*_*bar 28

total_items通过limit,并且轮价值高达.

Math.ceil(total_items/limit);

50 items / 10 per page = 5 pages
55 items / 10 per page = 6 pages
Run Code Online (Sandbox Code Playgroud)

  • 对于可能将 total_items 作为整数传递的其他语言,您需要转换为浮点数。例如,在 Ruby 中`(total_items.to_f / limit).ceil` (3认同)
  • 当你希望当`total_items === 0`时有1,你可以使用`Math.ceil(total_items/limit)||1`; (3认同)