Ant Design TreeSelect - 单选且禁止选择父节点

"Ant Design TreeSelect - 单选且禁止选择父节点"\n\n本指南将展示如何在 Ant Design 的 TreeSelect 组件中实现仅单选且不允许选择父节点的功能。\n\n使用 treeCheckable、treeCheckStrictly 和 treeDefaultExpandAll 属性来控制选择行为。\n\n默认情况下，Ant Design 的 TreeSelect 组件允许多选，并且可以选中父节点。为了实现仅单选且禁止选择父节点的效果，需要设置以下属性：\n\n* treeCheckable={false}：禁用多选功能。\n* treeCheckStrictly={true}：禁止选择父节点。\n* treeDefaultExpandAll={true}：展开所有树节点。\n\n以下是一个示例代码：\n\njsx\nimport { TreeSelect } from \'antd\';\n\nconst treeData = [\n {\n title: \'Node 1\',\n value: \'node1\',\n children: [\n {\n title: \'Child Node 1\',\n value: \'child1\',\n },\n {\n title: \'Child Node 2\',\n value: \'child2\',\n },\n ],\n },\n {\n title: \'Node 2\',\n value: \'node2\',\n children: [\n {\n title: \'Child Node 3\',\n value: \'child3\',\n },\n {\n title: \'Child Node 4\',\n value: \'child4\',\n },\n ],\n },\n];\n\nfunction handleChange(value) {\n console.log(value);\n}\n\nfunction App() {\n return (\n <TreeSelect\n treeData={treeData}\n treeCheckable={false}\n treeCheckStrictly={true}\n treeDefaultExpandAll={true}\n onChange={handleChange}\n />\n );\n}\n\nexport default App;\n\n\n在上面的示例中，treeData 是树节点的数据，handleChange 是选择节点时的回调函数。通过设置 treeCheckable={false} 禁用多选功能，treeCheckStrictly={true} 禁止选择父节点，treeDefaultExpandAll={true} 展开所有的树节点。这样就实现了仅单选且不允许选择父节点的效果。