当前位置: 首页 > article >正文

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

一、问题分析

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

二、可能的原因

1. 数据初始化错误

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

// 从后端获取的数据格式为{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 字段转换为对象

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.kler.cn/a/471542.html

相关文章:

  • Linux下实时监测双网卡的默认网卡并重新设置默认网卡
  • GoChina备案管家
  • Flink系统知识讲解之:如何识别反压的源头
  • 【PPTist】批注、选择窗格
  • 32单片机从入门到精通之数据处理——传感器接口(十二)
  • ros2-4.1 服务通信介绍
  • PyTorch 框架实现线性回归:从数据预处理到模型训练全流程
  • vue 导出excel接口请求和axios返回值blob类型处理
  • Go语言的数据库交互
  • 最新版Chrome浏览器加载ActiveX控件之SolidWorks 3D控件
  • EasyExcel.read读取 Excel 文件
  • 第 24 章 网络请求与远程资源
  • WELL健康建筑认证在2025年相关消息
  • 网络安全主动防御技术与应用
  • 第14章 MySQL事务日志
  • 【物联网原理与运用】知识点总结(下)
  • 5G学习笔记之PNI-NPN
  • FastGPT 介绍
  • Olib开放图书 (zlibrary电子书在线搜索下载工具) 同步zlibrary
  • javaBC库冲突问题
  • 算能AI计算服务器SE5设备树的二次修改实操
  • 每天40分玩转Django:Django Docker化学习指南
  • 人工智能前沿探讨:从Transformer架构到机器意识与迁移学习的应用
  • 数据库模型全解析:从文档存储到搜索引擎
  • NodeJs 箭头函数:`()=>{}` 和 `()=>()` 的区别与使用场景
  • 使用ros_readbagfile脚本提取感兴趣的话题