要在下拉菜单中实现可以搜索 , 这是目前样式
![](https://i-blog.csdnimg.cn/blog_migrate/106b28b95b6838739df5be04f3d8c64f.gif)
发现直接加showSearch和optionFilterProp就可以了 !
<Form.Item label='书籍名称'>
<Select
showSearch //下拉框出现搜素,并可以输入
optionFilterProp='children' // 使搜索匹配子节点的文本内容
value={filterObj.book_id}
onChange={(ev) => handleFilter('book_id', ev)}
placeholder='请选择书籍名称'
autoComplete='off'
style={{ width: 160 }}
id='name'
>
{books &&
books.map((item) => (
<Select.Option value={item.id} key={item.id}>
{item.name}
</Select.Option>
))}
</Select>
</Form.Item>
效果如下