let items = [{
items: [{
title: 'Change Security Group',
key: '0'
}, {
title: 'Change Passoword',
key: '1'
}]
}, {
title: 'Volume Ops',
key: 'volume',
items: [{
title: 'Termitate',
key: '2',
danger: true
}, {
title: 'Remove Volume',
key: '3',
disabled: true
}]
}];
ReactDOM.render(<Dropdown items={items} onClick={listener} />, document);
| name | type | default | description |
|---|---|---|---|
| items | Array | 见下方items详解 |
items
| name | type | default | description |
|---|---|---|---|
| title | String | 每个子菜单的title,如果不设置不显示title | |
| key | String | 每个子菜单的key值 | |
| items | Array | 每个子菜单的列表信息,见下方详解 |
items: { items:[] }
| name | type | default | description |
|---|---|---|---|
| title(必填) | String | 每个子列表的title | |
| key(必填) | String | 每个子列表的key值 | |
| onClick | Function | 子列表的click事件 | |
| disabled | Boolean | false | 是否设置为disabled状态 |
| danger | Boolean | false | 是否设置为danger状态 |
GitHub
Copyright © 2017 MIT License