antd - 将 ant design select 组件的标题更改为与值不同的名称

Question

在 antdesign 中，我有一个禁用的选择组件。我想将值设置为foo悬停时它解释了为什么禁用选择。我可以为选择选项添加标题，但不能为选择本身添加标题 -foo在我的示例中默认为。道具中有我忽略的东西吗？

谢谢

标签： antd

Answer 1

我也没有在 API 中找到这个道具。但我认为你可以使用下一个技巧

  <span title="some">
    <Select
      showSearch
      style={{ width: 200 }}
      placeholder="Select a person"
      optionFilterProp="children"
      onChange={onChange}
      onFocus={onFocus}
      onBlur={onBlur}
      onSearch={onSearch}
      filterOption={(input, option) =>
        option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
      }
    >
      <Option value="jack" title="jack">
        Jack
      </Option>
      <Option value="lucy" title="ly">
        Lucy
      </Option>
      <Option value="tom">Tom</Option>
    </Select>
  </span>