因为树形组件的原因导致点击的时候会拿到所有节点,需求上只需要拿到最后一个,所以写了这个递归函数,有点粗糙,未经改进,命名需要自己调整。

数据

const treeData = [
  {
    title: 'Trunk 0-0',
    key: '0-0',
    children: [
      {
        title: 'Branch 0-0-0',
        key: '0-0-0',
        disabled: true,
        children: [
          {
            title: 'Leaf',
            key: '0-0-0-0',
          },
          {
            title: 'Leaf',
            key: '0-0-0-1',
          }
        ]
      },
      {
        title: 'Branch 0-0-1',
        key: '0-0-1',
        children: [
          {
            title: 'Leaf',
            key: '0-0-1-0',
          },
        ]
      },
    ],
  },
];

执行找到最后一层

function getChild(node) {
  let arr: any = []

  // 定义一个函数
  function xxx(node) {
    if (node.children && node.children.length) {
      for (let i = 0, len = node.children.length; i < len; i++) {
        xxx(node.children[i])
      }
    } else {
      arr.push(node)
    }
    return arr
  }
  xxx(node)
  return arr
}
console.log('getChild(treeData[0])', getChild(treeData[0]))
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐