index.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. import react, { PureComponent } from 'react';
  2. import { Select, Input, Icon } from 'antd';
  3. const Option = Select.Option;
  4. export default class SelectSearch extends PureComponent {
  5. handleChange = () => {
  6. console.log('changing...');
  7. }
  8. render() {
  9. return (
  10. <Select
  11. showSearch
  12. allowClear
  13. style={{ width: 200 }}
  14. placeholder="请选择人员"
  15. optionFilterProp="children"
  16. notFoundContent="无法找到"
  17. onChange={() => this.handleChange()}
  18. >
  19. <Option value="jack">张贺</Option>
  20. <Option value="lucy">露西</Option>
  21. <Option value="tom">汤姆</Option>
  22. <Option value="jack1">张贺</Option>
  23. <Option value="lucy1">露西</Option>
  24. <Option value="tom1">汤姆</Option>
  25. <Option value="jack2">张贺</Option>
  26. <Option value="jack3">张贺</Option>
  27. <Option value="jack4">张贺</Option>
  28. <Option value="lucy13">露西</Option>
  29. <Option value="tom2">汤姆</Option>
  30. <Option value="lucy2">露西</Option>
  31. <Option value="tom3">汤姆</Option>
  32. <Option value="lucy3">露西</Option>
  33. <Option value="tom4">汤姆</Option>
  34. </Select>
  35. );
  36. }
  37. }