antd下拉框输入后怎么清空

在Ant Design (antd) 的下拉框组件（Select）中，当你想要在用户选择完成后清空输入时，可以利用React的状态管理和onChange事件来实现。首先，你需要创建一个状态变量来保存当前的选择，并给下拉框设置一个onChange函数。

import React, { useState } from 'react';
import { Select } from 'antd';

const options = ['Option 1', 'Option 2', 'Option 3']; // 下拉框选项

const ClearableSelect = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleSelectChange = (e) => {
    setSelectedValue(e.target.value);
    if (selectedValue === '') { // 当选中值为空时清空
      setSelectedValue('');
    }
  };

  return (
    <Select value={selectedValue} onChange={handleSelectChange}>
      {options.map((option, index) => (
        <Select.Option key={index} value={option}>
          {option}
        </Select.Option>
      ))}
    </Select>
  );
};

export default ClearableSelect;

在这个例子中，当用户选择新的选项后，`setSelectedValue`会被触发并更新state。如果新选择的值是空字符串，那么它会再次设置回空，从而达到清空的效果。