Usage

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);

API

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状态

Copyright © 2017 MIT License