bee-select/demo/demolist/Demo1.js

select ui component for react

/**
 * @title 不同尺寸单选`Select`
 * @description `size`参数控制大小
 */



import React, { Component } from 'react';
import Select from '../../src';

const Option = Select.Option;
const OptGroup = Select.OptGroup;

class Demo1 extends Component {
	constructor() {
		super();
		this.handleChange = this.handleChange.bind(this);
	}
	handleChange(value) {
		debugger;
  		// console.log(`selected ${value}`);
	}
	render(){	
		return( 
			<div>
			    <Select size="lg" defaultValue="lucy" style={{ width: 200,marginRight: 6 }} onChange={this.handleChange}>
			      <Option value="jack">boyuzhou</Option>
			      <Option value="lucy">renhualiu</Option>
			      <Option value="disabled" disabled>Disabled</Option>
			      <Option value="yiminghe">yuzhao</Option>
			    </Select>
			    <Select defaultValue="lucy" style={{ width: 200,marginRight: 6 }} onChange={this.handleChange}>
			      <Option value="jack">boyuzhou</Option>
			      <Option value="lucy">renhualiu</Option>
			      <Option value="disabled" disabled>Disabled</Option>
			      <Option value="yiminghe">yuzhao</Option>
			    </Select>
			    <Select size="sm" defaultValue="lucy" style={{ width: 200 }} onChange={this.handleChange}>
			      <Option value="jack">boyuzhou</Option>
			      <Option value="lucy">renhualiu</Option>
			      <Option value="disabled" disabled>Disabled</Option>
			      <Option value="yiminghe">yuzhao</Option>
			    </Select>
			</div>
		)
	}
}


export default Demo1;