antd Select组件单选框自定义输入和可选择输入功能实现

函数组件中的用法 

  const [searchValue, setSearchValue] = useState('');
            const onSearch = curentValue => {
            if (curentValue) {
              setSearchValue(String(curentValue)?.trim());
            }
          };
              const renderSearchValue = () => {
                const valueData = searchValue.replaceAll(',', ' ').split(' ');
                return valueData.map(v => (
                  <Option key={v} value={v} label={v}>
                    {v}
                  </Option>
                ));
              };
            <Select
                allowClear
                showSearch
                onBlur={()=> setSearchValue('')}
                optionFilterProp="children"