javascript - 语义用户界面 react : How to set content load on pagination

Question

我正在使用语义 UI React 分页来加载服务器数据。我是 ReactJS 的初学者，有人可以帮我弄清楚如何在个人号码( 1,2,3 )上设置页面调用。例如，当用户点击 1 时，它会检索大约 10 条目的有限数据，就像当用户点击 2 时，它会加载更多条目 10-20 并且保持相同的方式。请帮助我，因为我是新来的。谢谢

来自 Semantic UI React 的分页代码

import React from 'react'
import { Pagination } from 'semantic-ui-react'

const PaginationExampleCompact = () => (
  <Pagination
    boundaryRange={0}
    defaultActivePage={1}
    ellipsisItem={null}
    firstItem={null}
    lastItem={null}
    siblingRange={1}
    totalPages={10}
  />
)

export default PaginationExampleCompact

Answer 1

语义 UI 库支持一些组件及其属性。 您可以自定义该支​​持的组件。 最重要的事情之一是分页组件仅用于 UI 界面。 您可以通过设置属性值来自定义默认分页组件。 您必须使用特定的分页 ID 向后端发送请求，后端将以 ID 匹配的结果进行响应。 总的来说，所有的功能都必须在后端实现。 在前端，您只能实现 api 请求和处理响应。 所以你应该主要关注后端 api 实现。