react+antd+select+lodash模糊搜索防抖

1
import { debounce } from 'lodash';

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<Form.Item label="前置任务" vvspan={24} labelCol={{ md: 3 }} wrapperCol={{ md: 21 }}>
                            {getFieldDecorator('frontTaskId', {
                                initialValue: getPath(initInfo, 'frontTaskId', undefined)
                            })(
                                <Select
                                    placeholder="请选择前置任务"
                                    allowClear
                                    showSearch
                                    onSearch={handleSearchFront}
                                    onChange={handleChangeFront}
                                    filterOption={false}
                                >
                                    {frontList.map(item => (
                                        <Option key={item.taskId} value={item.taskId}>
                                            {item.taskName}
                                        </Option>
                                    ))}
                                </Select>
                            )}
                        </Form.Item>

  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// 前置任务列表搜索
const handleSearchFront = debounce(value => {
    fetchFrontList(value);
}, 200);
// const handleSearchFront = value => {
//     fetchFrontList(value);
// };
const handleChangeFront = debounce(value => {
    if (value === undefined) {
        fetchFrontList();
    }
}, 200);
// const handleChangeFront = value => {
//     if (value === undefined) {
//         fetchFrontList();
//     }
// };

  

posted @   芝麻小仙女  阅读(2425)  评论(3编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
点击右上角即可分享
微信分享提示