Partage de technologie

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

Étapes de mise en œuvre

1. Spécifiez l'attribut de pagination du composant Table pour afficher l'effet de pagination
2. Obtenir les données sélectionnées dans le formulaire de filtre lors de l'événement de commutation de pagination
3. L'utilisation des données de la page actuelle pour modifier la dépendance du paramètre params entraîne le rappel de l'interface pour obtenir les dernières données.

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

Propriétés associées