Technology sharing

React】Ant Design - exsequendam Tabulam paging functionem

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Exsequendam gradus

  1. Denotare paginationem attributi pro Tabula componente ad effectum paginationis exhibendum
  2. Da delectorum formam sparguntur in paging commutatione eventus
  3. Pagina hodierna utens data ad modulum dependentiae moduli modificat, causat interfaciem revocandi ad novissimam datam obtinendam.
const pageChange = (page) => {
    // 拿到当前页参数 修改params 引起接口更新
    setParams({
      ...params,
      page
    })
}

return (
   <Table rowKey="id" columns={columns} dataSource={article.list} pagination={{
      current: params.page,
      pageSize: params.per_page,
      onChange: pageChange,
      total: article.count
    }} />
)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

Related possessiones

Insert imaginem descriptionis hic
Insert imaginem descriptionis hic
Insert imaginem descriptionis hic