Technologieaustausch

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

Umsetzungsschritte

1. Geben Sie das Paginierungsattribut für die Tabellenkomponente an, um den Paginierungseffekt anzuzeigen
2. Erhalten Sie die ausgewählten Daten im Filterformular im Paging-Umschaltereignis
3. Die Verwendung der aktuellen Seitendaten zum Ändern der Parameterabhängigkeit params führt dazu, dass die Schnittstelle erneut aufgerufen wird, um die neuesten Daten zu erhalten.

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

Verwandte Eigenschaften