bee-select/demo/demolist/Demo2.js

select ui component for react

/**
 * @title 常用多选
 * @description Children自定义数据列表,注意：Children已经定义到全局，此处显示为注释例子，其他例子用到Children变量均以此方式定义。
 */

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

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


const Children = [];
for (let i = 10; i < 36; i++) {
  Children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}

class Demo2 extends Component {
	
	constructor(props) {
		super(props);

		this.handleChange = this.handleChange.bind(this);
	}
	handleChange(value) {
		debugger;
  		// console.log('selected ${value}');
	}
	render(){
		return( 
			<Select multiple
			    style={{ width: '100%' }}
			    searchPlaceholder="标签模式"
			    onChange={this.handleChange}
			  >
			    {Children}
			  </Select>
		)
	}
}


export default Demo2;