DropDown 下拉框组件

安装使用

import DropDown from 'ue-dropdown';

参数说明

参数 | 说明 -- | -- prefix | 可覆盖样式前缀 disabled | 选项框是否可点击 float | 浮动方向 name | 类名 width | 组件宽度 height | 组件高度 dropDownSelectStyle | 组件内容框展示的样式 dropDownListStyle | 组件下拉列表的样式 title | 是否展示 title(hover的时候显示全部名称) dataSource | 下拉框列表数据 onDropDown | 监听下拉点击事件 value | 展示默认值 itemName | 展示的字段名称

使用示例

this.state = {
  dataSource: [],
  value: 'defaultName',
};

onDropDown = (obj) => {
  // obj : 下拉列表数据项
}

<DropDown
  float="fl"
  name="classname"
  itemName="mediaName"
  disabled={true}
  onDropDown={this.onDropDown}
  value={this.state.value}
  dataSource={this.state.dataSource}
/>