Antd级联选择器的value和defaultValue默认情况下显示的是选中选项的标签,但是如果需要显示选项的ID,可以在options数组中指定value属性来覆盖默认行为。
示例代码:
// 定义级联选择器的options
const options = [
{
label: 'Option 1',
value: '1', // 指定value为选项的ID
children: [
{
label: 'SubOption 1',
value: '11', // 指定value为选项的ID
},
{
label: 'SubOption 2',
value: '12', // 指定value为选项的ID
},
],
},
{
label: 'Option 2',
value: '2', // 指定value为选项的ID
children: [
{
label: 'SubOption 3',
value: '13', // 指定value为选项的ID
},
{
label: 'SubOption 4',
value: '14', // 指定value为选项的ID
},
],
},
];
// 在Antd级联选择器中指定options和defaultValue,并设置showSearch为true