antd级联选择器勾父不勾子
时间: 2023-11-14 08:09:56 浏览: 45
您可以通过设置`checkStrictly`属性为`true`来实现antd级联选择器勾父节点不勾子节点的效果。具体来说,当`checkStrictly`为`true`时,勾选父节点不会自动勾选子节点,反之亦然。以下是一个示例代码:
```jsx
import { Cascader } from 'antd';
const options = [
{
label: 'Node1',
value: 'Node1',
children: [
{
label: 'ChildNode1',
value: 'ChildNode1',
},
{
label: 'ChildNode2',
value: 'ChildNode2',
},
],
},
{
label: 'Node2',
value: 'Node2',
children: [
{
label: 'ChildNode3',
value: 'ChildNode3',
},
{
label: 'ChildNode4',
value: 'ChildNode4',
},
],
},
];
function onChange(value, selectedOptions) {
console.log(value, selectedOptions);
}
function CascaderDemo() {
return (
<Cascader
options={options}
expandTrigger="hover"
onChange={onChange}
changeOnSelect
showSearch
checkStrictly // 设置checkStrictly为true
/>
);
}
export default CascaderDemo;
```
在上述示例中,我们将`checkStrictly`属性设置为`true`,这样勾选父节点不会自动勾选子节点。您可以根据自己的需求调整代码来实现您想要的效果。