antdesign treeSelect仅单选且不允许选择父节点

在Ant Design的TreeSelect组件中，默认情况下是可以多选的，并且也允许选择父节点。如果你想要实现仅单选且不允许选择父节点的效果，可以通过设置相关的属性来实现。

首先，设置treeCheckable属性为false，以禁用多选功能。然后，设置treeCheckStrictly属性为true，以禁止选择父节点。最后，通过设置treeDefaultExpandAll属性为true，以展开所有的树节点。

下面是一个示例代码：

import { TreeSelect } from 'antd';

const treeData = [
  {
    title: 'Node 1',
    value: 'node1',
    children: [
      {
        title: 'Child Node 1',
        value: 'child1',
      },
      {
        title: 'Child Node 2',
        value: 'child2',
      },
    ],
  },
  {
    title: 'Node 2',
    value: 'node2',
    children: [
      {
        title: 'Child Node 3',
        value: 'child3',
      },
      {
        title: 'Child Node 4',
        value: 'child4',
      },
    ],
  },
];

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

function App() {
  return (
    <TreeSelect
      treeData={treeData}
      treeCheckable={false}
      treeCheckStrictly={true}
      treeDefaultExpandAll={true}
      onChange={handleChange}
    />
  );
}

export default App;

在上面的示例中，treeData是树节点的数据，handleChange是选择节点时的回调函数。通过设置treeCheckable={false}禁用多选功能，treeCheckStrictly={true}禁止选择父节点，treeDefaultExpandAll={true}展开所有的树节点。这样就实现了仅单选且不允许选择父节点的效果