alovajs/alova

[Bug]: `usePagination`的debounce失效

Closed this issue · 1 comments

这是否是一个 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数量

image

期望的表现

在800ms内多次改变studentName只触发一次请求。

复现链接

https://github.com/alovajs/alova/blob/chore/demo/examples/react/src/views/PaginatedList/index.jsx

复现步骤

  1. pnpm --filter=react-demo run dev启动项目
  2. 访问http://localhost:5173/?path=list.paginated_list
  3. 在姓名筛选输入框中,在800ms内输入kev
  4. 见控制台出现了3次请求。

系统信息

No response

补充说明

No response

fixed in #445