Compartir tecnología

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

Pasos de implementación

1. Especifique el atributo de paginación para que el componente Tabla muestre el efecto de paginación.
2. Obtener los datos seleccionados en el formulario de filtro en el evento de cambio de paginación
3. El uso de los datos de la página actual para modificar la dependencia de los parámetros hace que se vuelva a llamar la interfaz para obtener los datos más recientes.

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

Propiedades relacionadas