ant design 中的 Select 组件常规写法

1.代码

import { Select, Spin } from 'antd';
const Option = Select.Option;

<Select
  allowClear
  showSearch
  optionFilterProp="children"
  placeholder="请选择"
  style={{  200 }}
  onChange={this.handleChange.bind(this)}
  onFocus={this.handleFocus.bind(this)}
  getPopupContainer={triggerNode => triggerNode.parentNode}
  notFoundContent={this.state.dataList.length == 0 ? <Spin size="small" /> : null}
  disabled={false}
>
  {
    (this.state.dataList || []).map((item,index)=>{
      return <Option key={index} value={item.code}>{item.name}</Option>
    })
  }
</Select>

.

原文地址:https://www.cnblogs.com/crazycode2/p/10029297.html