获取树形组件复选框

如果你是在使用 React 框架，可以使用 Ant Design 的 TreeSelect 组件，它支持树形结构和复选框。你可以将 TreeSelect 的 `treeCheckable` 属性设置为 `true`，然后在 `onChange` 事件中获取选中的节点信息。以下是一个简单的示例代码：

import { TreeSelect } from 'antd';

const treeData = [
  {
    title: 'Node1',
    value: '0-0',
    key: '0-0',
    children: [
      {
        title: 'Child Node1',
        value: '0-0-1',
        key: '0-0-1',
      },
      {
        title: 'Child Node2',
        value: '0-0-2',
        key: '0-0-2',
      },
    ],
  },
  {
    title: 'Node2',
    value: '0-1',
    key: '0-1',
  },
];

function onChange(value) {
  console.log(value);
}

function App() {
  return (
    <TreeSelect
      showSearch
      style={{ width: '100%' }}
      dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
      treeData={treeData}
      placeholder="Please select"
      treeDefaultExpandAll
      onChange={onChange}
      treeCheckable={true}
    />
  );
}

在 `onChange` 函数中，可以根据选中的节点信息进行相应的操作，比如将选中的节点存储到状态中。