antd treeselect组件绑定value值没有显示title的值
时间: 2024-01-11 07:04:22 浏览: 219
`antd` 的 `TreeSelect` 组件在绑定 `value` 值时,默认只会显示节点的 `label` 值,而不会显示 `title` 值。如果需要显示 `title` 值,可以通过设置 `treeDefaultExpandAll` 属性来实现。
例如:
```jsx
import React, { useState } from 'react';
import { TreeSelect } from 'antd';
const treeData = [
{
title: 'Node1',
value: 'node1',
children: [
{
title: 'Child Node1',
value: 'child-node1',
},
{
title: 'Child Node2',
value: 'child-node2',
},
],
},
{
title: 'Node2',
value: 'node2',
},
];
function App() {
const [value, setValue] = useState([]);
return (
<TreeSelect
treeData={treeData}
value={value}
onChange={setValue}
treeDefaultExpandAll // 设置 treeDefaultExpandAll 为 true
/>
);
}
export default App;
```
这样设置后,在下拉框中选择节点时,会显示节点的 `title` 值。
阅读全文