Class Test

docs/examples/multiple.tsx:16–144

}

class Test extends React.Component {
  state = {
    useAnim: false,
    suffixIcon: null,
    loading: false,
    value: ['a10'],
    searchValue: '',
  };

  onChange = (value, options) => {
    console.log('onChange', value, options);
    this.setState({
      value,
    });
  };

  onSelect = (...args) => {
    console.log(args);
  };

  onDeselect = (...args) => {
    console.log(args);
  };

  useAnim = (e) => {
    this.setState({
      useAnim: e.target.checked,
    });
  };

  showArrow = (e) => {
    this.setState({
      suffixIcon: e.target.checked ? <div>arrow</div> : null,
    });
  };

  loading = (e) => {
    this.setState({
      loading: e.target.checked,
    });
  };

  setSearchValue = (val) => {
    this.setState({
      searchValue: val,
    });
  };

  render() {
    const { useAnim, loading, value, suffixIcon } = this.state;
    return (
      <div>
        <h2>multiple select（scroll the menu）</h2>

        <p>
          <label htmlFor="useAnim">
            anim
            <input id="useAnim" checked={useAnim} type="checkbox" onChange={this.useAnim} />