如何在antd reactjs的Select元素中手动输入值，而不是以选项的形式出现

import { Select } from 'antd';

const { Option } = Select;

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

function handleSearch(value) {
  console.log('search:', value);
}

function App() {
  return (
    <Select
      mode="tags"
      style={{ width: '100%' }}
      placeholder="请输入值"
      onChange={handleChange}
      onSearch={handleSearch}
    >
      <Option value="option1">Option 1</Option>
      <Option value="option2">Option 2</Option>
      <Option value="option3">Option 3</Option>
    </Select>
  );
}

export default App;

import { Select } from 'antd';

const { Option } = Select;

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

function handleSearch(value) {
  console.log('search:', value);
}

function App() {
  return (
    <Select
      mode="tags"
      style={{ width: '100%' }}
      placeholder="请输入值"
      onChange={handleChange}
      onSearch={handleSearch}
    >
      <Option value="option1">Option 1</Option>
      <Option value="option2">Option 2</Option>
      <Option value="option3">Option 3</Option>
    </Select>
  );
}

export default App;