Ant Design Table组件分页功能不符合预期问题求助
Ant Design Table组件分页功能不符合预期问题求助
各位大佬好,我最近在项目里用Ant Design的Table组件做商品列表展示,结果分页功能一直不对劲,折腾好半天都没搞定,来这儿求助大家!
先贴一下我的部分代码:
import { productSearchQuery } from "@/redux/reducers/productSlice"; import { RootState } from "@/redux/store"; import { getQueryObject } from "@/utils/helper"; import { Table } from "antd"; import { ColumnsType } from "antd/es/table"; import { useEffect, useState } from "react"; import { useSelector } from "react-redux"; import ProductDrawer from "./ProductDrawer"; import { getProduct } from "@/redux/..."; // 原代码这里截断了,是获取商品的action
我的逻辑是从Redux里拉取商品数据,用Table组件渲染,也配置了pagination相关属性,但实际运行时遇到这些问题:
- 点击分页按钮,页码完全没变化,数据也还是停留在第一页
- 偶尔切换页码后,数据显示的还是第一页的内容,根本没加载对应页的数据
- 我怀疑是不是Redux里的数据和Table的分页参数没关联好,或者useEffect的依赖项没加对,但自己排查半天没找到问题
我已经检查过这些点:
- Table的columns配置是正常的,第一页数据能正常渲染出来
- Redux里存储的商品数据是完整的,确实包含多页的内容
- 分页的pageSize和total属性也都按要求设置了,但就是不生效
有没有大佬遇到过类似的情况?麻烦帮我看看问题可能出在哪儿,或者给点排查的方向,真的太感谢了!
内容来源于stack exchange
相关产品推荐
相关产品推荐

