我正在使用Semantic UI React分页来加载服务器数据。我是ReactJS的初学者,请有人帮我弄清楚如何设置个人号码(1,2,3)的页面呼叫。例如,当用户点击1
时,它会检索10
条目周围的有限数据,就像用户点击2
一样,它会加载更多条目10-20
并保持相同的方式。请帮助我,因为我是新人。谢谢
语义UI反应中的分页代码
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
语义UI库支持一些具有其属性的组件。您可以自定义受支持的组件。其中最重要的一点是Pagination组件仅用于UI界面。您可以通过设置属性值来自定义默认分页组件。您必须向具有特定分页ID的后端发送请求,后端将以id匹配结果进行响应。总的来说,所有功能都必须在后端实现。在前端,您只能实现api请求和处理响应。因此,您应该主要关注后端api实现。