Teknologian jakaminen

【React】Ant Design -- Taulukon sivutustoiminnon toteutus

2024-07-12

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

Toteutusvaiheet

  1. Määritä Taulukko-komponentin sivutusmäärite näyttääksesi sivutustehosteen
  2. Hanki valitut tiedot suodatinlomakkeessa sivunvaihtotapahtumassa
  3. Nykyisten sivutietojen käyttäminen parametrien parametririippuvuuden muokkaamiseen saa liittymän kutsumaan uudelleen uusimpien tietojen saamiseksi.
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

Liittyvät kiinteistöt

Lisää kuvan kuvaus tähän
Lisää kuvan kuvaus tähän
Lisää kuvan kuvaus tähän