antd限制select多选时选中的最多个数怎么做

Question

如题，限制最多选中3个

Answer 1

import { Select } from 'antd';
import React from 'react';
const Option = Select.Option;

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

const App = React.createClass({
  getInitialState(){
    return {
      value: ['a10', 'c12'],
    }
  },
  handleChange(value) {
    console.log(`selected ${value}`);
    debugger
    if(value.length > 2){
      this.setState({value: value.slice(0,3)});
    }else{
      this.setState({value: value});
    }
  },
  render() {
    return (
      <Select
        multiple
        style={{ width: '100%' }}
        placeholder="Please select"
        value={this.state.value}
        onChange={this.handleChange}
      >
        {children}
      </Select>
    );
  },
});

module.exports = App;