[Bug]: `usePagination`的debounce失效
Closed this issue · 1 comments
JOU-amjs commented
这是否是一个 Bug?
- 我已经确认我要报告的是一个 Bug
这个问题是否已经存在?
- 我已经确认这个 Issue 没有被报告过
Alova 版本
3.0.0-beta.6
前端框架
React
问题描述
usePagination((page, pageSize) => queryStudents(page, pageSize, studentName, clsName), {
watchingStates: [studentName, clsName],
initialData: { total: 0, list: [] },
debounce: [800],
total: res => res.total,
data: res => res.list
});
以上代码监听了studentName
并且为它设置了debounce
为800ms,问题是虽然800ms延迟效果,但输入了几个字符则会重复发出几次请求,见控制台的mock数量
期望的表现
在800ms内多次改变studentName
只触发一次请求。
复现链接
https://github.com/alovajs/alova/blob/chore/demo/examples/react/src/views/PaginatedList/index.jsx
复现步骤
pnpm --filter=react-demo run dev
启动项目- 访问
http://localhost:5173/?path=list.paginated_list
- 在姓名筛选输入框中,在800ms内输入
kev
- 见控制台出现了3次请求。
系统信息
No response
补充说明
No response