【问题标题】:Dampen onChange trigger react抑制 onChange 触发反应
【发布时间】:2018-08-14 23:45:32
【问题描述】:

如果我有一个元素调用 onChange 触发器,那么最好的方法是什么,以便如果触发器被快速连续多次调用,它将等待并且只触发最后一个。

例如,有一个表单域,你退格然后快速输入一个新值,所以从初始值17,你点击退格,它会调用值为1的onChange,然后快速输入一个新数字所以它会立即再次调用它,值为18

我怎样才能让它等待 250-500 毫秒,所以它只调用 18 的值?

【问题讨论】:

  • 您要查找的内容可能类似于lodash debounce。然后将“去抖动”函数挂钩到组件的构造函数上,并将该函数绑定到您的输入 onChange

标签: javascript reactjs


【解决方案1】:

使用 debounce,你可以找到很多类似https://davidwalsh.name/javascript-debounce-function的实现

【讨论】:

    猜你喜欢
    • 2021-04-25
    • 2019-02-23
    • 2016-12-04
    • 2019-02-19
    • 2018-10-22
    • 1970-01-01
    • 1970-01-01
    • 2023-01-11
    • 2018-10-29
    相关资源
    最近更新 更多