【react+antd】使用Table组件报错Unhandled Rejection (TypeError): data.slice is not a function

本文主要介绍了在使用React Antd Table组件时遇到`data.slice is not a function`错误的问题。通过检查发现,错误出现在将JSON对象赋值给dataSource时,因JSON对象不支持.slice()方法。解决方案是确保dataSource初始化时为数组,如设置为null,从而避免该错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

不想看长篇大论,我直接把解决方法写在下面了

解决方法:

 dataSource={XXXXXX!=[]?XXXXXX:null}

不符合时将其置为null

目录

一、问题描述

二、解决思路

三、解决方案


一、问题描述

        需求要把从后端取到的数据放到table中展示,因为还没有联调,前后端都在各自开发各自的,于是我自己根据需要编了写伪数据填进去。结果就开始报错,Table.js:968 Uncaught (in promise) TypeError: data.slice is not a function。如下图:

二、解决思路

        看了下报错提示,在Table.js里,那就是Table组件使用出问题了。那么肯定就是里面填的值有问题呗。以下是我编的伪数据:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值