antdesign的树形下拉TreeSelect选择回显父节点/子节点/父子节点

在项目开发中使用TreeSelect组件时,发现同时选择了父节点和子节点,但选择框仅显示出子节点

 如果希望控制父子节点的显示,可以配置showCheckedStrategy属性,如下:

const Welcome = () => {
  const [value, setValue] = useState(['0-0-0']);
  
  const tProps = {
    treeData,
    value,
    treeCheckable: true,//显示勾选框
    showCheckedStrategy: TreeSelect.SHOW_ALL,//显示父子节点
    // showCheckedStrategy: TreeSelect.SHOW_PARENT,显示父节点
    // showCheckedStrategy: TreeSelect.SHOW_CHILD,显示子节点
  };
  return <TreeSelect {...tProps} />;
};

猜你喜欢

转载自blog.csdn.net/Sylvasylva/article/details/124999936