在 a-tree 中报错 parent 期望是对象,但获得是字符串

server/2025/1/11 23:24:18/

一、问题分析

a-tree 组件期望接受到的 parent 属性是对象,但实际传入的字段是字符串。

二、可能的原因

1. 数据初始化错误

从后端获取数据前端转换数据时发生错误。

javascript">// 从后端获取的数据格式为{id: 'group1', parentId: 'departmentA'}const backendData = [{ id: "departmentA", parentId: null },{ id: "group1", parentId: "departmentA" },{ id: "group2", parentId: "departmentA" },];const treeData = backendData.map((data) => {return {title: data.id,key: data.id,// 错误地将parentId当作parent传递,parentId是字符串parent: data.parentId,};});

三、解决方法

1. 数据转换

将 parent 字段转换为对象

javascript">const treeData = backendData.map((data) => {let parentObj = null;if (data.parentId) {parentObj = {key: data.parentId,};}return {title: data.id,key: data.id,parent: parentObj,};});


http://www.ppmy.cn/server/157602.html

相关文章

OpenBSD之安装指南

安装介质下载 OpenBSD的官网下载地址:https://www.openbsd.org/faq/faq4.html#Download,同时也是《OpenBSD FAQ - Installation Guide》。长篇大论了很多,每一个章节都能看懂是干嘛的,连起来就容易晕。并且是英文的,要…

神卓组网设备之异地监控组网全新教程S700

本文介绍如何使用神卓S700组网设备将多个异地的监控和硬盘录像机组建虚拟局域网,使其将监控图像跨地域传送到指定的录像机上。 一、前期准备 在开始组网之前,请确保您已具备以下条件: 在所有需要连接的网络中,部署一台安装了神卓…

人工智能学习路线全链路解析

一、基础准备阶段(预计 2-3 个月) (一)数学知识巩固与深化 线性代数(约 1 个月): 矩阵基础:回顾矩阵的定义、表示方法、矩阵的基本运算(加法、减法、乘法)&…

oxml中创建CT_Document类

概述 本文基于python-docx源码,详细记录CT_Document类创建的过程,以此来加深对Python中元类、以及CT_Document元素类的认识。 元类简介 元类(MetaClass)是Python中的高级特性。元类是什么呢?Python是面向对象编程…

Java实现命令模式

一、简介 1、定义和原理 命令模式(Command Pattern)是一种行为设计模式,将请求(命令)封装成对象,可以用不同的请求封装不同的请求接受者,从而命令不同的接受者执行相应操作;也可以用不同的请求&#xff0c…

下载导出Tomcat上的excle文档,浏览器上显示下载

目录 1.前端2.Tomcat服务器内配置3.在Tomcat映射的文件内放置文件4.重启Tomcat,下载测试 1.前端 function downloadFile() {let pictureSourceServer "http://192.168.1.1:8080/downFile/";let fileName "测试文档.xlsx";let fileURL pictu…

DELTA并联机械手视觉方案荣获2024年度机器人应用典型案例奖

直击现场 2025年1月9日晚,2024深圳市机器人年度评选颁奖典礼在深圳市南山区圣淘沙酒店正式拉开帷幕。本次颁奖活动由中国科学院深圳先进技术研究院指导,深圳市机器人协会与《机器人与智能系统》杂志组织承办。 正运动公司受邀参与此次典礼,…

使用 Multer 上传图片到阿里云 OSS

文件上传到哪里更好? 上传到服务器本地 上传到服务器本地,这种方法在现今商业项目中,几乎已经见不到了。因为服务器带宽,磁盘 IO 都是非常有限的。将文件上传和读取放在自己服务器上,并不是明智的选择。 上传到云储存…