腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
防止
在
useEffect
过程中
多次
更改
状态
时
重新
渲染
reactjs
在
我的React应用程序中,我将在单个组件中
多次
实现useState。然后,
在
我的
useEffect
中,我将
更改
其中几个的
状态
: import React, { useState,
useEffect
} from 'react'; return <div>Hello World</div>; }); 我注意到的是,
浏览 50
提问于2020-04-15
得票数 2
回答已采纳
1
回答
React.js
防止
重新
呈现后滚动到顶部。
reactjs
、
scroll
、
use-effect
、
use-state
这是上的一个扩展,询问如何
防止
在按
状态
更改
(排序
状态
)
重新
呈现后滚动到顶部。每3秒从两个不同
状态
(A和B
状态
)的API获取随机数。然后按
状态
标注为表,排序为A-B。问题是,我怎样才能
防止
滚动到顶端? 关于前面的问题,我尝试了如下所示的us
浏览 5
提问于2022-02-01
得票数 3
1
回答
关于
useEffect
- React挂钩的查询
reactjs
、
react-hooks
我正在开发一个应用程序,其中我需要在页面加载
时
进行多个API调用,并且需要在每次API调用时
更改
组件的单个
状态
。架构如下图所示。
useEffect
(()=>{setStateForm({....})//SECOND API CALL},[]) //TH
浏览 1
提问于2019-09-24
得票数 0
1
回答
父组件
在
react中
多次
重新
呈现
reactjs
、
react-hooks
、
use-effect
当用户到达页面底部
时
,我想向服务器发送一个请求,我尝试将一些附加数据作为限制和跳过发送到服务器,我调用了scrollNo (它是一个
状态
)和POSTS_PER_SCROLL (它是一个正常值),我的问题是当我想要发送requset到服务器
时
,scrollNo在这个组件(父组件)中
多次
更改
(
多次
重新
渲染
),我如何避免这些多
渲染
以
防止
多次
请求?} catch (error) {} }, [trans
浏览 0
提问于2020-12-25
得票数 0
2
回答
如何在react中
防止
这种无休止的
重新
渲染
?
javascript
、
reactjs
、
use-effect
我的数据以以下格式存储
在
Firestore中: userlists > key1 > users: [user1, user2, user3]
useEffect
To fix, cancel all subscriptions and asynchronous tas
浏览 45
提问于2020-10-29
得票数 0
回答已采纳
1
回答
setState触发子
UseEffect
,将属性作为依赖项
reactjs
当它调用该属性
时
,会导致
重新
渲染
,因为父级更新了它的
状态
。 问题是,我
在
子组件中有一个
useEffect
,它只需要在props
更改
时运行(props是它唯一的依赖项)。但由于它的父级会
重新
渲染
,所以即使
在
不需要它的时候也会执行它,我不知道有什么方法可以
防止
它。我想父母再把道具寄给孩子吧。onClick={value => setTest(value)} propINeed={{foo:
浏览 3
提问于2020-08-31
得票数 1
2
回答
在
带有钩子的react功能组件中
多次
呈现
reactjs
、
react-hooks
、
use-effect
我有这个
状态
的完整功能组件。我在这里注意到的一件事是,当我使用
useEffect
钩子获取数据
时
,我会正确地获得响应。问题是,当我
在
返回语句中执行console.log("ok")
时
,它会在控制台中
多次
提供输出。图片添加如下: 下面是我的返回函数这是我每次浏览页面
时
获得的控制台输出。 为什么console.log("ok")会执行
浏览 0
提问于2019-11-05
得票数 4
1
回答
为什么当useRef值是整数时会动态更新,而当它是字符串时会存储前一个值?
reactjs
、
use-ref
例如,#1 function Ref() { rerenderCount.current给出了与以下代码中的useState相同的输出#2 function State() { const previ
浏览 75
提问于2021-10-29
得票数 0
回答已采纳
2
回答
让一个自定义钩子
在
useEffect
中只运行一次API调用
javascript
、
reactjs
、
use-effect
在
我的一个组件中,我重用了钩子两次,每次都使用进行异步API调用的不同函数。 当我查看数据库日志
时
,我意识到我的每个GET请求被调用了两次,而不是一次。我不确定为什么会发生这种情况;我猜是异步调用导致了不并发的
重新
呈现,或者是我的组件中的某个地方导致了
重新
呈现;不确定。 以下是当我加载一个组件
时
,我的MongoDB日志中显示的内容: ? 我尝试传递一个空数组来限制它运行的时间,但是这会阻止
在
重新
加载
时
获取。有没有办法调整自定义钩子,使每个钩子只运
浏览 45
提问于2021-08-04
得票数 0
回答已采纳
1
回答
有人能给我解释一下在这个
useEffect
场景中异步是如何工作的吗?
javascript
、
reactjs
、
next.js
useEffect
中触发
时
-它被延迟了。我还尝试添加以下内容:
在
同一个
useEffect
中添加setRerender(!我还尝试
在
父级中创建一个
useEffect
: console.log(jsonList)所以...我知道
useEffect
是
浏览 0
提问于2021-10-30
得票数 3
3
回答
如何在
useEffect
挂钩中
重新
呈现组件
reactjs
、
redux
、
use-effect
好的,那么:
useEffect
(() => { }, [props.lang]); 每次使用props.lang
更改
时,我应该在
useEffect
中做些什么来
重新
渲染
组件?
浏览 23
提问于2019-09-20
得票数 17
回答已采纳
1
回答
当React中的父
状态
更改
时停止
重新
渲染
子组件
reactjs
我根据活动组件的
状态
的isDrawerOpen属性设置是否打开抽屉。但是,当isDrawerOpen更新
时
,Activity、Drawer和DataTable都会
重新
呈现。我不希望DataTable
重新
渲染
,因为什么都没有改变。我曾尝试使用React.memo,并尝试
在
我的DataTable功能组件中结合使用
useEffect
和useRef,以便在属性相同的情况下不
重新
呈现。这不管用。如何
防止
该子组件在其所有属性都未
更改</e
浏览 10
提问于2020-04-11
得票数 4
回答已采纳
1
回答
如何在React中避免不必要的
重新
渲染
?
reactjs
、
dom
、
rendering
、
use-effect
、
use-state
我知道这个问题已经被问了很
多次
了,但我正在试图理解react
渲染
决策背后的逻辑,当
状态
发生变化时,以及我应该如何正确地编写"reactly“。父组件将
重新
呈现,导致ComponentA和ComponentB都
重新
呈现,即使它们的UI与彼此的
状态
无关。我在想,react会明白,如果我单击按钮A,只有a
状态
变量会
更改
,并且<ComponentB />不依赖于a
状态
,因此不需要再次
重新
呈现它
浏览 21
提问于2020-11-22
得票数 0
回答已采纳
1
回答
如何在firebase上删除单据后无需
重新
加载页面即可更新数据
reactjs
、
firebase
、
google-cloud-firestore
我有一个按钮,使用这个函数从firebase中删除一个值,这些值显示
在
同一页面的扁平列表中,该函数运行良好,但要查看
更改
,我需要
重新
加载页面或返回并返回页面。currentUser.uid) .doc(sizeId)如何使其
在
更改
后刷新
浏览 2
提问于2021-06-07
得票数 0
1
回答
如何停止使用Firebase
重新
渲染
React应用程序?
node.js
、
reactjs
、
firebase
、
google-cloud-firestore
我已经设法
在
Firestore中设置了一个集合,它总是有一个名为' num‘的文档,其中有一个名为num的字段,值是一个字符串数字。据我所知,它应该是有效的,然而,当我试图加载显示报价的页面
时
,控制台显示
多次
生成的数字(通常为3-4次,但有时更多),文本每次更新,然后最终确定一个报价(但通常它甚至不对应于随机集合中的数字)。
浏览 24
提问于2021-04-24
得票数 0
回答已采纳
3
回答
接口拉取
时
useEffect
未被调用且未更新
状态
javascript
、
reactjs
、
react-hooks
、
use-effect
我使用
useEffect
钩子从well获取数据,并正确地声明了依赖关系。我的
状态
仍然没有被更新,因此我
在
渲染
函数中得到了错误。我几乎尝试了所有的方法,从摆脱依赖数组到
在
依赖数组中声明multiples。我不知道我的函数出了什么问题。fontSize: "25px" }}> </Card.Header> )我希望看到图标的图像,但我<e
浏览 0
提问于2019-07-30
得票数 7
回答已采纳
3
回答
useEffect
还是useMemo用于API函数?
reactjs
、
react-redux
、
react-hooks
这是
在
组件中分配API调用的最佳挂钩。通常我使用useMemo
在
第一次呈现时调用API,如果需要额外的副作用,使用
useEffect
,这是正确的吗?因为有时我会犯以下错误: ‘索引. as :1警告:不能在呈现另一个组件(Inscriptions)
时
更新组件(PaySummary)。当我路由到一个组件并快速地切换到另一个组件
时
,如果我返回到它按照预期正确呈现的前一个组件,它不会“影响”一般的行为。那我该怎么做呢?
浏览 2
提问于2020-07-25
得票数 8
回答已采纳
2
回答
在
react-hooks中
重新
渲染
问题的次数过多
reactjs
、
react-hooks
、
rendering
、
use-state
但是我已经经历了两天太多的
渲染
问题了。
浏览 91
提问于2020-12-11
得票数 1
回答已采纳
1
回答
在
react功能组件中强制
重新
呈现
reactjs
、
react-hooks
、
react-dom
<Message message={message.body} />, ); setIsOpen(true); }, [message]); 当消息
更改
时,我使用
useEffect
将setIsOpen
更改
为true。我希望组件
在
每次调用showMessage(message,config)函数时调用此
useEffect
浏览 15
提问于2021-08-23
得票数 1
4
回答
setInterval
在
useEffect
中的反应
reactjs
、
intervals
import React, {useState,
useEffect
} from 'react'; const [percentage, setPercentage] = useState(0); const timer = setInterval(() => { <span>{percent
浏览 10
提问于2021-08-31
得票数 1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
编写React组件时常见的5个错误
React组件开发中常见的陷阱
【一文看懂】React中usestate与useRef的区别与联系
React Hooks源码深度解析
React Hooks 还不如类?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券