React+AntD 报错 TypeError: data.slice is not a function

最新推荐文章于 2024-05-03 21:53:44 发布
最新推荐文章于 2024-05-03 21:53:44 发布
阅读量2w 收藏 5
点赞数 3
分类专栏： Web前端 文章标签： React  MobX AntD
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asd5618asd/article/details/94549630
版权

TypeError: data.slice is not a function

  这个错误以前遇到过，网上查不到相关的解决信息。近日带新人的时候，恰巧他们也遇到了，于是就打算贴出来。

如图:

报错
  从图中可以看出来是AntD中Table组件的报错,主要是data.slice(0)方法调用失败,类型错误。
  那么就去找Table中的data元素!

data
  目标锁定!就是图中的dataSource！顺着后面的数据往上爬可以看到下图：
在这里插入图片描述
  问题就在这了，这里初始化是一个JSON对象，JSON对象是不支持.slice(0)这个方法的。
  此处改成 testList = null 便可解决问题

夜吟清风
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
【react+antd】使用Table组件报错Unhandled Rejection (TypeError): data.slice is not a function
all_might1的博客
06-28 3639
一、问题描述 需求要把从后端取到的数据放到table中展示，因为还没有联调，前后端都在各自开发各自的，于是我自己根据需要编了写伪数据填进去。结果就开始报错，Table.js:968 Uncaught (in promise) TypeError: data.slice is not a function。如下图： 二、解决思路 看了下报错提示，在Table.js里，那就是Table组件使用出问题了。那么肯定就是里面填的值有问题呗。以下是我编的伪数...
react-antd-admin:react + ts + antd实现的管理系统模版
03-11
react-antd-admin 基于react + ts + antd建立的管理后台脚手架模版 线上地址 git地址 单独使用 详情请查看 1.配置抽屉 1-1。可缓存系统配置 记录用户使用的系统配置，缓存浏览器中，记录用户习惯。 1-2.antd换肤...
The data. Slice is not a function 报错 react
好先
07-06 3013
数据格式不是你使用 组件所需要的 table 需要数组 而不是对象 给你的数据加【】即可
正确解决TypeError: xxx is not a function异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 6626
正确解决TypeError: xxx is not a function异常的有效解决方法
Error in render: “TypeError: data.slice is not a function“
潮汐未见潮落的博客
07-26 723
使用ant-design-vue的，渲染表格数据报错。
[Vue warn]: Error in render: “TypeError: _vm.tableData.slice is not a function“
qq_43468348的博客
01-05 1692
控制台slice函数报错
报错：data.slice94 is not a function 解决问题001-624-83
qq_42404842的博客
06-24 1233
后端返回数据是 { "data":{"content":[{"id":"01", "number":0}] }, "type":"SUCCESS", "code":200 } 而我的组件只接受数组类型。 （直接赋值data.contnet[0].id, 类型冲突，不允许对象类型 报错：data.slice94 is not a function ） 于是使用中间变量进行转换。 （data数组，组件目标值data.value）= （datas对象，中间变量值datas.value.conte
angularjs1.6.4中使用ng-table出现data.slice is not a function的问题
weixin_34414196的博客
05-23 2621
这个问题困扰了我2个小时。 项目中angularjs的版本从1.4.8升级到1.6.4，升级完成之后，发现ng-table不能用了。主要报错信息是ng-table中data.slice is not a function 先说解决方法， Factory.getIndex().then(function (data) { // $scope.tab...
react+antd拖拽生成自定义表单.rar
06-08
1.使用详情已在文章中介绍 2.本次版本更改为ts/tsx/less构成 3.灵活配置与操作方式优化
react-antd-demo:学习react+react-router +antd 搭环境
04-30
git clone :modanzuo/react-antd-demo.git #框架用到的库 antd react react-app-rewired react-router react-router-dom fetch #运行 安装库 npm install #本地开发 yarn yarn run start npm npm run start ...
react+antd搭建后台管理框架
05-20
react+antd搭建前端管理框架（***支持响应式***），主要模块分为：菜单、选项卡、面包屑；通过路由监听，实现三个模块之间的联动（同时监听浏览器）；状态采用react-redux进行集中管理。目前只包含前端代码，未与...
全栈（React+Antd+Egg+MongoDB）：数据管理系统.zip
08-03
全栈（React+Antd+Egg+MongoDB）：数据管理系统.zip
TypeError i.slice is not a function
clearlov3的博客
10-10 1980
AntD 报错TypeError i.slice is not a function table中报错，说明datasource有问题 一种可能性: 我的错误原因是：后台查询失败,返回的data是空
解决:使用ss-calendar组件（Dcloud插件）报错 “TypeError: date.split is not a function“
薇z的博客
09-20 840
解决:使用ss-calendar组件（Dcloud插件）报错 "TypeError: date.split is not a function"
JS解决Uncaught TypeError: xxx.split is not a function报错
qq_62254095的博客
05-25 1222
时，出现“Uncaught TypeError: xxx.split is not a function”的错误提示，出现这个问题的原因是变量。不是string类型的值，解决方法是把变量转换成string类型即可。使用javascript方法。
【AntDesign】TypeError: a.slice is not a function -- Ant Design之table控件
芳草萋萋鹦鹉洲哦
02-24 3211
表格的数据源dataSource要绑定数组而不是对象！！！ 原因分析： slice 方法是作用于数组的方法，这里绑定的data从接口获取res.data后直接赋值了，但是res.data是个对象所以会报错，重新赋值为结果集中的res.data.list就可以了 ...
VUE：解决 [Vue warn]: Error in render: “TypeError: item.slice is not a function“ （取部分数据）
热门推荐
愿我如星君如月 ... 夜夜流光相皎洁 ...
02-20 5万+
1. 双重循环中使用 slice方法，报错： [Vue warn]: Error in render: "TypeError: item.slice is not a function" 2. 原代码写法如下，紫框中的代码可以正常运行，但红框中的代码报错 3. 原因：slice 方法是作用于数组的方法。 bodyInfoList 是一个数组结构，但 item 是对象结构，故报...
01_Vue入门
N_icer的博客
06-30 552
Vue 文章目录Vue参考文档基础安装Vue的几种方式开发环境和生产环境介绍声明式渲染文本插值绑定元素 attribute条件与循环控制切换一个元素是否显示绑定数组的数据渲染一个项目列表处理用户输入表单输入和应用状态之间的双向绑定组件化构建应用Vue实例创建一个Vue实例参考文档数据与方法实例生命周期钩子参考文档生命周期图示模板语法插值参考文档文本原始 HTMLAttribute使用 JavaScript 表达式指令参考文档参数动态参数对动态参数的值的约束对动态参数表达式的约束修饰符缩写`v-bind` 缩
react 点击图标报错uncaught TypeError: a.target.className.indexOf is not a function
05-05
这个错误通常是因为你的代码中使用了 `indexOf` 方法，但是该方法只能作用于字符串，而你的 `a.target.className` 可能不是一个字符串类型。 你可以尝试在使用 `indexOf` 之前，先将 `a.target.className` 转换成字符串类型，例如： ``` a.target.className.toString().indexOf(...) ``` 或者使用其他方法来判断类名是否存在，例如： ``` a.target.classList.contains(...) ``` 如果你提供更多的代码或者错误信息，我可以更准确地帮助你调试问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值