arco 树形表格如何渲染子级

ARCO树形表格可以通过递归遍历子级来渲染子级，具体实现如下：

1. 遍历数据源中的每个节点，获取其父节点id和当前节点id。

2. 通过父节点id判断当前节点是否为根节点，如果是则将其添加到树形表格的根节点上；否则，通过父节点id将该节点添加到其父节点的子节点列表中。

3. 判断当前节点是否存在子级，如果存在，则递归调用渲染函数，将子级渲染到当前节点下方。

4. 递归结束后，将渲染好的节点树返回给上层调用函数，完成渲染过程。

示例代码：

function renderTreeNode(data, parentId) {
  const tree = [];
  data.forEach((node) => {
    if (node.parentId === parentId) {
      const children = renderTreeNode(data, node.id);
      const treeNode = {
        ...node,
        children,
      };
      tree.push(treeNode);
    }
  });
  return tree;
}

const dataSource = [
  { id: 1, name: 'node1', parentId: null },
  { id: 2, name: 'node2', parentId: 1 },
  { id: 3, name: 'node3', parentId: 1 },
  { id: 4, name: 'node4', parentId: 2 },
  { id: 5, name: 'node5', parentId: 4 },
  { id: 6, name: 'node6', parentId: 3 },
];

const treeData = renderTreeNode(dataSource, null);

console.log(treeData); // 渲染后的节点树

上面的示例代码中，我们使用renderTreeNode函数来递归渲染节点树，在每次递归调用的时候，传递当前节点的id作为parentId参数，获取其对应的子节点列表，最终得到渲染好的节点树。