@alicloud/console-components
Version:
Alibaba Cloud React Components
70 lines (69 loc) • 1.54 kB
JavaScript
/**
* title: "级联"
* description: "展示基本的单选用法。"
*/
import React from 'react';
import { Cascader } from '@alicloud/console-components';
var childrenDataSource = [
{
value: '1000101',
label: '默认项文字很长11111',
children: [
{
value: '10001011',
label: '默认项',
},
{
value: '10001021',
label: '聚焦项',
},
{
value: '10001011',
label: '选中项',
},
{
value: '10001021',
label: '失效项',
disabeled: true,
}
],
},
{
value: '1000102',
label: '聚焦项',
},
{
value: '1000101',
label: '选中项',
},
{
value: '1000102',
label: '失效项',
disabeled: true,
},
];
var cascaderDataSource = [
{
value: '10001',
label: '默认项文字很长11111',
children: childrenDataSource,
},
{
value: '10002',
label: '默认项',
children: childrenDataSource,
},
{
value: '10003',
label: '激活项',
children: childrenDataSource,
},
{
value: '10004',
label: '失效项',
disabled: true,
},
];
export default function App() {
return (React.createElement(Cascader, { dataSource: cascaderDataSource, multiple: true }));
}