Method render

docs/examples/custom-icon.tsx:82–129

()

  };

  render() {
    const { disabled, value } = this.state;
    return (
      <div>
        <h2>combobox</h2>
        <p>
          <button type="button" onClick={this.toggleDisabled}>
            toggle disabled
          </button>
        </p>
        <div style={{ width: 300 }}>
          <Select
            className="custom-select"
            disabled={disabled}
            style={{ width: 500 }}
            onChange={this.onChange}
            onSelect={this.onSelect}
            onInputKeyDown={this.onKeyDown}
            notFoundContent=""
            allowClear
            placeholder="please select"
            value={value}
            mode="combobox"
            backfill
            prefix="Foobar"
            suffixIcon={({ searchValue }) => {
              if (searchValue) {
                return '😺';
              }
              return getSvg(arrowPath);
            }}
            clearIcon={getSvg(clearPath)}
            removeIcon={getSvg(clearPath)}
            menuItemSelectedIcon={singleItemIcon}
          >
            <Option value="jack">
              <b style={{ color: 'red' }}>jack</b>
            </Option>
            <Option value="lucy">lucy</Option>
            <Option value="disabled" disabled>
              disabled
            </Option>
            <Option value="yiminghe">yiminghe</Option>
          </Select>
        </div>
      </div>
    );
  }
}

const children = [];