antd treeselect组件绑定value值没有显示title的值
时间: 2023-08-04 22:06:12 浏览: 80
如果您想要在`antd`的`TreeSelect`组件中绑定`value`值时同时显示对应的`title`值,可以设置`TreeSelect`组件的`treeDataSimpleMode`属性为`true`,然后在传入的`treeData`中添加`title`属性。示例代码如下:
```jsx
import { TreeSelect } from 'antd';
const treeData = [
{
value: '0-0',
title: 'Node1',
pId: null,
children: [
{
value: '0-0-1',
title: 'Child Node1',
pId: '0-0',
},
{
value: '0-0-2',
title: 'Child Node2',
pId: '0-0',
},
],
},
];
const Demo = () => {
return (
<TreeSelect
treeData={treeData}
treeDataSimpleMode={true}
value="0-0-1"
/>
);
};
```
在上面的示例中,我们设置了`treeDataSimpleMode`为`true`,并且在`treeData`中为每个节点添加了`title`属性。这样,在绑定`value`属性时就会同时显示对应的`title`值了。
阅读全文