语义UI反应:如何在分页上设置内容加载

问题描述 投票:1回答:1

我正在使用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
javascript reactjs ecmascript-6 semantic-ui semantic-ui-react
1个回答
1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.