react-native - 在 React Native 中使用 Lodash 进行节流

标签 react-native lodash

我正在尝试使用 lodash.throttling 来限制可触摸突出显示中 onPress 调用的数量,使用以下代码,但没有任何效果:

 <TouchableHighlight
       onPress={throttle(this.onPressHandler,5000,{leading:true, trailing:false})}>

 <TouchableHighlight
       onPress={()=>throttle(this.onPressHandler,5000,{leading:true, trailing:false})}>

但是,当我将 console.log 放入“onPressHandler”函数中时,即使我快速连续点击 TouchableHighlight,我也会看到该函数被多次调用。

我错过了什么?

最佳答案

感谢 Sebastien 对 this 的回答,我得到了这个工作题

答案是关于 React.js,但 React Native 的概念也很相似。

我将下面的代码添加到构造函数并直接将 onPress 映射到 onPressHandler

this.onPressHandler = throttle(this.onPressHandler, 5000, {leading:true, trailing:false});

关于react-native - 在 React Native 中使用 Lodash 进行节流,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48500832/

相关文章:

javascript - react 原生的useEffect中的调用和API?

javascript - 更改另一个组件中的状态

javascript - 如何在 React Native 中的多行文本中显示键盘完成按钮

android - 错误 : null is not an object (evaluating 'C.State' ) <unknown> index. android.bundle

javascript - Lodash groupBy 与时刻

javascript - 取一个数组并用翻转的索引/值制作一个对象

javascript - Mongoose + lodash 扩展错误地复制对象数组

react-native - 在 React 组件中注入(inject) Store 会导致错误

javascript - 构造js对象时如何根据条件进行对象属性赋值?

javascript - 使用 LoDash 对 Json 数组进行排序