text: import React from "react";
  import { storiesOf } from "@storybook/react";
  const stories = storiesOf("antDesign.select", module);
  import { Select } from "antd";
  const Option = Select.Option;
  
  class App extends React.Component {
    state = {
      options: []
    };
    handleChange = value => {
      let options;
      if (!value || value.indexOf("@") >= 0) {
        options = [];
      } else {
        options = ["gmail.com", "163.com", "qq.com"].map(domain => {
          const email = `${value}@${domain}`;
          return <Option key={email}>{email}</Option>;
        });
      }
      this.setState({ options });
    };
    render() {
      // filterOption needs to be false，as the value is dynamically generated
      return (
        <Select
          mode="combobox"
          style={{ width: 200 }}
          onChange={this.handleChange}
          filterOption={false}
          placeholder="Enter the account name"
        >
          {this.state.options}
        </Select>
      );
    }
  }
  
  stories.addWithJSX("combobox", () => <App />);
  