You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 13:43:10