TypeError: data.reduce is not a function:数据类型不匹配

错误展示:


错误分析:

首先来看看前端代码:我表格绑定的数据模型是tableData,而我tableData定义的是一个数组

其次看看后端给的数据:

传递的是一个对象,而不是一个数组!

这样原因就找出了:这是由于前后端数据类型不匹配造成的!


解决方案

修改后端数据类型为数组:

此时再次刷新前端页面:

数据成功导入且没有报错!

相关推荐
光影少年19 分钟前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴85023 分钟前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜1 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试
m0_719084112 小时前
React笔记张天禹
前端·笔记·react.js
Ziky学习记录2 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n2 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n2 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
esmap2 小时前
ESMAP 智慧消防解决方案:以数字孪生技术构建全域感知消防体系,赋能消防安全管理智能化升级
人工智能·物联网·3d·编辑器·智慧城市
狗哥哥2 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫3 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端