如何解决开源组件库Ant-Design 中Tree组件回显的问题

在Ant-Design中，Tree组件提供了`checkedKeys`属性来控制节点的勾选状态。如果希望在Tree组件中回显数据，可以通过设置`checkedKeys`属性来实现。

具体来说，可以通过以下步骤实现：

1. 将需要回显的数据转换为一个数组，数组中的每个元素都是要勾选的节点的key值。

2. 将这个数组赋值给`checkedKeys`属性。

例如，假设需要回显key为`'0-0-0'`和`'0-0-1'`的两个节点，可以这样写：

import { Tree } from 'antd';

const checkedKeys = ['0-0-0', '0-0-1'];

function MyTree() {
  const treeData = [
    {
      title: 'parent 1',
      key: '0-0',
      children: [
        {
          title: 'parent 1-0',
          key: '0-0-0',
          children: [
            {
              title: 'leaf',
              key: '0-0-0-0',
            },
            {
              title: 'leaf',
              key: '0-0-0-1',
            },
          ],
        },
        {
          title: 'parent 1-1',
          key: '0-0-1',
          children: [
            {
              title: 'leaf',
              key: '0-0-1-0',
            },
          ],
        },
      ],
    },
  ];

  return (
    <Tree
      checkable
      checkedKeys={checkedKeys}
      treeData={treeData}
    />
  );
}

通过将`checkedKeys`属性设置为`['0-0-0', '0-0-1']`，可以在Tree组件中回显选中的节点。