antd select disable option

Grieving Gharial answered on November 28, 2023 Popularity 7/10 Helpfulness 2/10

answer antd select disable option

antd select disable option

Comment

<Select
        value={this.props.value}
        name={this.props.name}
        className={this.props.cssClass}
        disabled={this.props.disabled}
        onChange={this.props.onChange}
        mode="multiple"
        showSearch
        filterOption={(input, option) => option.props.children.toLowerCase()
          .indexOf(input.toLowerCase()) >= 0}
        size="large"
      >
        {
          this.state.data.map(opt => (
            <Option
              disabled={this.props.multiSelect.filter(data => data.DivisionId !== opt.Id)}
              key={opt.Id}
              value={opt.Id}
            >
              {opt.Name}
            </Option>
          ))
        }
      </Select>

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: antd disable javascript select

Link to this answer
Share Copy Link