react antd select组件在不将mode属性设置为tags情况下既能填写下拉选择中没有的内容又能下拉选择

在不将`mode`属性设置为`tags`的情况下，`antd`的`Select`组件默认是不能填写下拉选择中没有的内容的。但是，你可以使用`showSearch`属性来启用搜索功能，以便在下拉列表中输入搜索关键字。

如果你想让用户输入任何值（包括下拉列表中没有的值），你可以使用`allowClear`和`filterOption`属性。`allowClear`属性允许用户清除选择的值，`filterOption`属性允许你自定义搜索逻辑，以匹配用户输入的值。

以下是一个例子：

import { Select } from 'antd';

const { Option } = Select;

function handleChange(value) {
  console.log(`selected ${value}`);
}

function handleBlur() {
  console.log('blur');
}

function handleFocus() {
  console.log('focus');
}

function filterOption(input, option) {
  return option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
}

<Select
  showSearch
  style={{ width: 200 }}
  placeholder="Select a person"
  optionFilterProp="children"
  onChange={handleChange}
  onFocus={handleFocus}
  onBlur={handleBlur}
  filterOption={filterOption}
  allowClear
>
  <Option value="jack">Jack</Option>
  <Option value="lucy">Lucy</Option>
  <Option value="tom">Tom</Option>
</Select>

在这个例子中，`showSearch`属性启用了搜索功能，`filterOption`属性使用了自定义的搜索逻辑，以匹配用户输入的值。同时，`allowClear`属性允许用户清除选择的值。