# Select组件

## 组件API

### Select
- `data: Array` ： `Select`的 `options` ；
- `multiple: Boolean` ： 是否为多选；
- `placeholder:String` :输入框中提示给用户的提示语 默认为请选择;
- `searchBox:Boolean`：是否需要搜索的功能;
- `width` ：选择的输入框的宽度
- `multiSelectedWidth`：多选时选中的每个选项的宽度
- `handleData: Function` : 用户选择option时候触发的事件；
- `defaultVal:String Array`:单选的时候为String 多选的时候为数组形式，value的数组



## 选择框使用方法

```
import React, { Component } from 'react';
import {Select}  from './components/Select'
var data = [
  {value: 'one', text: 'One'},
  {value: 'two', text: 'Two'},
  {value: 'three', text: 'Th格风格ree'},
  {value: 'ones', text: 'Ones'},


];

var props = {
  data: data,
  searchBox:true,
  multiple:true,
  multiSelectedWidth:'80px',
  placeholder:'请输入您的选择',
  handleData: function(value) {
      console.log('当前值为：', value);
  }
}
class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      valueSelected: 'apple'
    }
  }
  render() {
    return (
      <div className="App">
        <h1>点睛前端组件</h1>
	        <h3>选择框的应用</h3>
	      
           <div className="App-intro">
            <Select disabled={true} defaultVal='2' handleData={(data)=>{}} data={[{value:'1',text:'c测试'},{value:'2',text:'测试2'},{value:'3',text:'测试44'}]}></Select>
     
        </div>
      </div>
    )
  }
}
export default App;
```