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

错误展示:


错误分析:

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

其次看看后端给的数据:

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

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


解决方案

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

此时再次刷新前端页面:

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

相关推荐
平头某19 小时前
DSH:Agent 的 VSCode 时刻?
ide·vscode·编辑器
zzzzzz31020 小时前
别急着把动效组件搬进页面:从 react-bits 看 React 动效库该怎么评估
前端·react.js·开源
Dontla21 小时前
VSCode打开关闭控制台面板快捷键ctrl+`(terminal快捷键、vscode控制台快捷键)
ide·vscode·编辑器
李姆斯1 天前
为啥Agent在coding表现这么好,但是在别的领域就是差的不少?
前端·agent·ai编程
鱼与宇1 天前
前端Web(html+css+js+vue3)
前端
雪芽蓝域zzs1 天前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香1 天前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_1 天前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_1 天前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_1 天前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端