腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在
React
中
使用
debounce
进行
搜索
的
正确
方法
reactjs
、
ecmascript-6
、
react-hooks
、
lodash
我
在
lodash中
使用
debounce
进行
搜索
时遇到了问题。我
使用
的
是
React
,Material Ui和formik。上面写着TypeError: Expected a function in const debounceLoadData = useCallback(
debounce
(dispatch(getPersons)), 1000), [] ); const [filter, setFilter] = useState(&
浏览 150
提问于2021-09-09
得票数 0
回答已采纳
2
回答
不像预期
的
反应上下文,api调用
javascript
、
reactjs
、
async-await
、
react-hooks
使用
了从下面的gist
中
取消函数实现而不提交 let timer = null;由于我
的
应用程序相当大,所以我不会直接从html input onChange事件调用API。我有一个作为searchContext
的
react
上下文钩子设置,它存储
在
input框
中
输入
的
文本值。通过上下文提供程序向Search组件提供
浏览 4
提问于2021-06-17
得票数 1
回答已采纳
3
回答
react
-选择取消
的
异步调用不显示建议
javascript
、
reactjs
、
react-select
我
使用
从api加载结果,并
使用
消除查询
的
抖动。import
React
, {useState} from '
react
';import
debounce
loadOptions={loadSuggestions} onChange=
浏览 0
提问于2019-03-09
得票数 10
1
回答
如何破除redux
在
反应性组件
中
的
作用
javascript
、
reactjs
、
ecmascript-6
、
redux
因此,我试图揭穿一些行动内
的
反应组件。import
React
, {Component} from "
react
";...this.debouncedAction =
debounce
(props.someAction, 300);// someAction works ok onSomeEvent = (...args)
浏览 1
提问于2019-05-30
得票数 3
回答已采纳
1
回答
如何消除
react
中
的
搜索
查询-路由器v6.4.3
reactjs
、
typescript
、
react-hooks
、
react-router
我有一个
搜索
输入,它更新查询参数,并在每个onChange事件上为该特定路由触发API调用
react
路由器加载器。我如何避免
在
每次击键时调用API,并实现类似
debounce
(当用户不键入1000 is,然后调用API或更新查询参数)。注意到:我知道有一个失败
的
钩子和逻辑,但我感兴趣
的
是,如果它是可能实现
的
反应-路由器。useSearchParams(); const countryQuery = searchParams.get("country&qu
浏览 11
提问于2022-11-29
得票数 0
1
回答
与setState反应
使用
借方
javascript
、
reactjs
、
lodash
、
debouncing
背景如果用户快速输入1、12、123、1234,则允许我们
在
一定
的
延迟时间后只
使用
1234
进行
一次警报。这非常用于减少请求量,以便
进行
优化。 对于正常
的
输入字段,我们可以
使用
这种
debounce
,并且它可以工作。Problem:一旦我们用
debounce
在
同一个回调
中
添加了一个setState,
debounce
浏览 0
提问于2020-03-21
得票数 11
回答已采纳
1
回答
防止因
搜索
栏去抖动而延迟
reactjs
、
lodash
、
debounce
我有一个
搜索
栏,我在其中获取键入
的
文本并
进行
API调用。为了限制API调用
的
数量,我
使用
了去抖动。我想在
搜索
栏
中
输入内容时显示加载器,但由于去抖动,该操作也被延迟。我试图在下面的代码
中
复制这个行为- import
React
, { useState } from "
react
";import {
debounce<
浏览 32
提问于2021-03-25
得票数 0
回答已采纳
1
回答
Reactjs -通过
在
Autocomplete组件(Material UI)
中
的
每个输入更改时按API来更新选项
javascript
、
reactjs
、
autocomplete
、
material-ui
我是Reactjs
的
初学者。我想创建一个Autocomplete组件,
在
该组件
中
,每次输入更改时,API都会命中,并且相应地更新选项。我正在
使用
Material UI提供
的
Autocomplete组件。据我所知,给定
的
示例只访问一次API,然后
在
本地对其
进行
过滤。我尝试
使用
material component提供
的
InputChange道具。我还发现了这个anser - 。但是找不到
正确
的<
浏览 10
提问于2020-05-23
得票数 8
回答已采纳
1
回答
使用
去反跳
进行
React
搜索
javascript
、
reactjs
我正在尝试实现一个
搜索
,对每个字符更改
进行
新
的
查询。N毫秒后,我需要对存储一些属性
的
对象
进行
更改。start, } }), 1000}import {useRef} from '
rea
浏览 0
提问于2021-10-26
得票数 0
3
回答
reactjs只处理最后一个api请求数据。
javascript
、
reactjs
、
performance
、
react-table
我有一个具有多个函数
的
react
表,比如排序和许多过滤器也
搜索
输入。当我对这些过滤器做任何更改时,我实际上是
在
发出API请求。对于提出
的
每一个请求,我都有两个状态{即加载和数据}。当发出请求时,加载标志将更改为TRUE,旋转组件将替换表
中
的
数据。当我们开始得到任何响应时,加载标志将是False。 问题:当我更改多个筛选器时,它将发出多个API调用/请求。响应将异步返回,因此表开始显示第一个响应数据,
在
显示最后一个响应数据后
的
浏览 3
提问于2021-06-21
得票数 2
2
回答
如果状态也
在
函数中被修改,则
Debounce
不能工作。
javascript
、
reactjs
在
您输入特性时,我一直
在
实现一个
搜索
,并且希望函数search能够处理我
的
API调用。如果我只
在
事件处理程序
中
调用debounced_search函数,但是我还需要更新输入值,这会很好,这应该会立即发生。我现在
的
问题是,一旦我将setInput(newInputValue);添加到事件处理程序
中
,
搜索
函数就不再被取消,而是
在
每次更改时立即调用,尽管我
使用
的
是已取消
的</em
浏览 0
提问于2021-10-20
得票数 1
回答已采纳
3
回答
将数据从
搜索
栏传递到后端函数
javascript
、
node.js
、
reactjs
、
express
标题说明了一切-我试图发送一个词从一个
搜索
栏,以消费和处理
的
后端功能。我
使用
了
react
和节点/express来实现这个
浏览 11
提问于2022-04-12
得票数 -1
1
回答
删除已退回
的
回调
javascript
、
reactjs
我
在
React
存储区中有以下代码: this.on(CHANGE_EVENT, _.
debounce
(cb, 100)); _.
debounce
(cb).cancel(); } 我不相信removeChangeListener会因为cb函数而删除_.
debounce
。如何
使用
浏览 2
提问于2016-01-16
得票数 4
回答已采纳
2
回答
React
挂钩缺少依赖项
reactjs
、
react-hooks
我希望有人能向我解释在这种情况下
React
钩子
的
正确
用法,因为我似乎找不到它。现在,我通常会将_getUsers()函数放入该useEffect
中
,但唯一
的
问题是,当我
的
用户开始
在
搜索
框中
进行
搜索
时,我有另一个useEffect供我
使用
。我不想用用户
在
框
中
输入
的
每个字母来重新查询我
的
用户列表,而是想
使用
一个在用
浏览 0
提问于2019-09-17
得票数 2
2
回答
react
-easy-state -一个存储触发另一个存储
的
更改
javascript
、
reactjs
、
react-easy-state
我正在尝试
使用
react
-easy-state库来解决以下模式:例如,我有两个包含一个字符串
的
存储: search : "" search : ""我希望当我调用
搜索
过滤器
的
更改时,它会更改后端过滤器
中
的
值,但会去抖动。value);} search :
浏览 14
提问于2020-05-05
得票数 2
回答已采纳
1
回答
为什么德勃克不调用我
的
函数?
javascript
、
reactjs
、
lodash
、
mobx
、
debouncing
我正在与
React
和mobx合作。 我创建了一个ImageCarousel组件,在其中显示单击
的
图像。我有一个以前
的
和一个next按钮(它们本身就是一个组件),可以
在
图像之间移动。我试图将这些操作(、prev、和next)封装在lodash
debounce
中
,但有些操作
在
执行过程
中
失败了。),并
使用
这些参数调用lodash
debounce
。
在
组件
中
,我
使用
on
浏览 0
提问于2017-11-29
得票数 0
回答已采纳
13
回答
有反应输入
的
Lodash退出
reactjs
、
lodash
、
relay
、
debouncing
我正在尝试向一个从输入onChange事件
中
调用
的
搜索
函数
中
添加名为lodash
的
链接。下面的代码生成一个类型错误“函数是预期
的
”,我理解这一点,因为lodash需要一个函数。什么是
正确
的
方法
来做到这一点,它可以做所有的内联?到目前为止,我已经尝试了几乎每一个例子,但都没有结果。search(e){
debounce
(this.props.relay.setVa
浏览 7
提问于2016-03-29
得票数 42
回答已采纳
1
回答
react
js
中
的
lodash.
debounce
搜索
javascript
、
reactjs
、
lodash
、
debouncing
我正试着破解
react
中
的
一个
搜索
,
使用
lodash,
debounce
。但是当它运行
的
时候,我收到了一个类型错误我试着
在
代码中移动它,但不能理解为什么它不工作我从导入它开始我
的</e
浏览 8
提问于2017-07-28
得票数 3
回答已采纳
2
回答
React
:状态更新时UI闪烁
javascript
、
reactjs
、
react-apollo
、
apollo-client
、
react-hooks
我有一个显示从Spotify API返回
的
搜索
数据
的
组件。onChange={handleChange}钩子:
使用
Apollo
的
API调用: const result = await props.client.query({<SongInfo
浏览 4
提问于2019-03-07
得票数 9
回答已采纳
3
回答
如何
使用
钩子解除函数组件
中
的
回调
reactjs
、
react-hooks
如何在
React
Functional Component
中
获取实际
的
prop值,它在
React
Class组件中有效,但我不知道如何
使用
钩子
在
functional Component
中
实现此行为。import
React
from "
react
";import
debounce
from
浏览 2
提问于2019-05-24
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
细说节流(Throttle)和防抖(Debounce)
干货 | 减少50%空间,携程机票React Native Bundle 分析与优化
从源码中来,到业务中去,React性能优化终极指南
什么是防抖和节流?有什么区别? 如何实现?
如何使用react-redux-form填充动态默认值
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券