const onChangeSelect = value => {// onSearch对应方法
if(value){// 在最后一次点击也就是失去焦点时是没有值得,所以需要判断
form.setFieldsValue({ // 设置表单值
phoneType:value
})
}
}
<Select onClick={type} placeholder="请选择" allowClear showSearch filterOption={false} onSearch={onChangeSelect}>
{
typeList.map((item, index) => {
return <Select.Option key={index} value={item} >
{item}
</Select.Option>
})
}
</Select>
react+antd实现下拉框输入
最新推荐文章于 2024-08-22 17:54:44 发布
该博客介绍了如何在React应用中利用Select组件进行搜索筛选,并在用户选择时更新表单字段值。通过监听onSearch事件和onChangeSelect回调,实现了选中值与表单的同步。示例代码展示了如何设置allowClear、showSearch及filterOption属性,以及如何遍历数据生成Select选项。
摘要由CSDN通过智能技术生成