### 基本使用

```js
const listItems = [
  {
    label: "修改密码",
    value: "edit"
  },
  {
    label: "删除",
    value: "delete"
  }
];
<DropdownList
  style={{
    width: 300
  }}
  onChange={console.log}
  className="mgb20"
  listItems={listItems}
>
  操作
</DropdownList>;
```

### 修改触发区域的值

```js
const listItems = [
  {
    label: "修改密码",
    value: "edit"
  },
  {
    label: "删除",
    value: "delete"
  }
];
<DropdownList
  style={{
    width: 300
  }}
  onChange={console.log}
  className="mgb20"
  trigger="hover"
  changeValue
  listItems={listItems}
>
  操作
</DropdownList>;
```

### ChangeLog

preChange: 下拉列表显示 listItems 里边的所有的选项。
afterChange: 下拉列表显示 listItems 里边 value 不等于传入的 defaultValue 的其他选项。
（目前当传入的 listItem 包括{label:'', value: ''}的时候,操作会不显示——————————————待定是否修改）