Ant Design TreeSelect 多选禁止选择父节点

要实现antdesign的TreeSelect组件多选且不允许选择父节点，可以使用treeCheckable属性配合自定义函数来实现。\n\n首先，将treeCheckable属性设置为true以启用多选功能。然后，可以使用treeCheckStrictly属性设置为true来禁止选择父节点。\n\n接下来，可以通过自定义函数来过滤掉父节点。使用treeData属性设置树型结构数据，并在自定义函数中判断节点是否为父节点。如果是父节点，则返回false，表示不允许选择该节点。\n\n下面是一个示例代码：\n\njsx\nimport { TreeSelect } from 'antd';\n\nconst treeData = [\n {\n title: 'Node 1',\n value: '1',\n children: [\n {\n title: 'Child Node 1-1',\n value: '1-1',\n },\n {\n title: 'Child Node 1-2',\n value: '1-2',\n },\n ],\n },\n {\n title: 'Node 2',\n value: '2',\n children: [\n {\n title: 'Child Node 2-1',\n value: '2-1',\n },\n {\n title: 'Child Node 2-2',\n value: '2-2',\n },\n ],\n },\n];\n\nfunction filterTreeNode(node) {\n // 判断节点是否为父节点\n if (node.children && node.children.length > 0) {\n return false; // 不允许选择父节点\n }\n return true;\n}\n\nfunction App() {\n return (\n <TreeSelect\n treeData={treeData}\n treeCheckable={true}\n treeCheckStrictly={true}\n filterTreeNode={filterTreeNode}\n />\n );\n}\n\nexport default App;\n\n\n在上面的示例中，我们设置了一个带有子节点的树型结构数据，并定义了filterTreeNode函数来过滤父节点。然后，将treeData、treeCheckable、treeCheckStrictly和filterTreeNode属性分别传递给TreeSelect组件。\n\n这样，就可以实现TreeSelect多选且不允许选择父节点的功能了。