Ant Design TreeSelect单选禁止选择父节点 - 完整指南与代码示例

{"title":"Ant Design TreeSelect单选不允许选择父节点内容","description":"在Ant Design的TreeSelect组件中，默认情况下是可以选择父节点的。如果你想禁止选择父节点，可以使用treeCheckStrictly属性来实现。\n\n你可以将treeCheckStrictly属性设置为true，这样就只能选择叶子节点了。\n\n以下是一个示例代码：\n\njsx\nimport { TreeSelect } from 'antd';\n\nconst treeData = [\n {\n title: 'Node 1',\n value: '0-0',\n children: [\n {\n title: 'Child Node 1',\n value: '0-0-0',\n },\n {\n title: 'Child Node 2',\n value: '0-0-1',\n },\n ],\n },\n {\n title: 'Node 2',\n value: '0-1',\n },\n];\n\nfunction Demo() {\n return (\n <TreeSelect\n treeData={treeData}\n treeCheckable={true}\n treeCheckStrictly={true}\n showCheckedStrategy={TreeSelect.SHOW_CHILD}\n placeholder="Please select"\n style={{ width: '100%' }}\n />\n );\n}\n\nReactDOM.render(<Demo />, mountNode);\n\n\n在上面的示例中，treeCheckStrictly属性设置为true来禁止选择父节点，treeCheckable属性设置为true来显示复选框。showCheckedStrategy属性设置为TreeSelect.SHOW_CHILD来只显示选中的子节点。\n\n这样就实现了只能选择叶子节点的效果。"}