前端hook项目pc总结笔记-ant design select可以进行搜索功能

最新推荐文章于 2024-02-05 16:28:54 发布

前端歌谣

最新推荐文章于 2024-02-05 16:28:54 发布

阅读量92

点赞数

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_41632427/article/details/129263236

版权

前端hook-工作专栏收录该内容

37 篇文章 0 订阅

订阅专栏

该代码段展示了一个React组件，它是一个多选模式的Select下拉框，具备搜索功能。用户可以选取员工，列表数据来源于staffList，并有自动聚焦和打开状态控制。onChange事件用于更新选中的员工值。

摘要由CSDN通过智能技术生成

 <Select
                                value={selectedItems}
                                // onChange={setSelectedItems}
                                defaultOpen
                                mode="multiple"
                                onChange={onChangeVlaue}
                                showSearch
                                open={open}
                                onDropdownVisibleChange={(visible) => setOpen(true)}
                                style={{ width: '100%' }}
                                placeholder="请选择员工"
                                optionFilterProp="children"
                                autoFocus
                            >
                                {staffList && staffList.map((item: any) => (
                                    <Option value={item.id}>{item.name}</Option>
                                ))}
                            </Select>