我使用的是一个react 组件,需要我在props 下方通过

<Pager 
      totalPages={10}
      currentPage={1}
/>

我无法计算出api中的计算结果,我有total_items,而不是totalPages.如果我有50个total_items,我怎么能为totalPagesprops 生产5个呢?说我的上限是10.

推荐答案

total_items除以limit,然后将值四舍五入.

Math.ceil(total_items/limit);

50 items / 10 per page = 5 pages
55 items / 10 per page = 6 pages

Reactjs相关问答推荐

React:关于useEffect钩子如何工作的困惑

GoLang有条件地为.js.gz提供服务(如果它存在),否则为.js

FireBase Reaction Native-在呈现视图之前等待响应

在React中映射对象数组时,如何正确呈现JSX.Element或React.ReactNode类型?

在继承值更改时重置react 挂钩窗体字段值

React,当我调用handleSubmit()函数时,我正在将application/json和multiform/data中的数据发送到后端,但student_image中没有数据:null

我可以同时使用 Gatsby 和 NEXT.JS 吗?

为什么在 React 的 useEffect 中使用 onAuthStateChanged ?

BrowserRouter改变了URL但没有链接到页面

使用状态与复选框不同步

页面不显示

在复选框中react 检索选中的值

单元测试 useLoaderData() react-router v6 加载器函数

Github 页面无法正确呈现 CSS,因为它是本地的

如何通过 id 从 useSprings 数组中删除元素

Select 建议后如何关闭 vscode 添加自动完成={}

父状态改变后子组件丢失状态

加密 Django Rest Framework API 响应 + 解密响应应用程序中的响应

在 React 中,为什么不能向空片段添加键(短语法)?

Rtk 查询无效标签不使数据无效