React Select Dropdown 禁用个别选项不起作用

Question

我是相当新的反应，但我正在尝试使用 ant-design 创建一个下拉列表，其中一些单独的选项基于某些 ID 被禁用。所有 ID 数据都按预期返回，但是，禁用逻辑（我认为应该有效）在 disable 属性中似乎禁用了下拉列表中的每个选项。有人知道会发生什么吗？

<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>

Answer 1

您的代码的问题是数组filter 方法将始终返回true，因为空数组被解析为true。

将过滤器方法替换为find 方法。