Berbagi teknologi

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

Langkah-langkah implementasi

1. Tentukan atribut penomoran halaman untuk komponen Tabel untuk menampilkan efek penomoran halaman
2. Dapatkan data yang dipilih dalam formulir filter di acara peralihan paging
3. Menggunakan data halaman saat ini untuk mengubah ketergantungan parameter params menyebabkan antarmuka dipanggil kembali untuk mendapatkan data terbaru.

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

Properti terkait