腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
useEffect
()
在
分页
时
多次
重新
呈现
javascript
、
reactjs
、
frontend
、
use-effect
、
use-state
import React, {
useEffect
, useState} from 'react'import '.const [page, setPage] = useState(1) } &quo
浏览 27
提问于2020-04-28
得票数 0
回答已采纳
2
回答
useEffect
重新
呈现
太
多次
reactjs
我的问题是,使用
useEffect
(一旦被称为API ),它将为我需要执行的每个setvalue()函数
重新
呈现
。由于状态正在改变,我尝试将一个空[]数组传递给
useEffect
,但重
呈现
的次数仍然相同。目前,数组正在对set...functions进行配置,以防止重复抛出警告。有更好的方法来避免这么多的重
呈现
吗?newValue); setValue(index);
浏览 2
提问于2020-01-06
得票数 9
1
回答
使用console.log
时
,我的reactJs代码
在
控制台中打印两次值
javascript
、
reactjs
、
console
submit'>search</button> </div> )我的控制台看起来如下: 有谁能告诉我我哪里出了问题,因为我以前没有
在
reactJs
浏览 1
提问于2022-07-01
得票数 2
回答已采纳
1
回答
在
useEffect
外部
呈现
和在
useEffect
内部
呈现
的区别
reactjs
、
react-hooks
出于测试目的,我
在
useEffect
外部登录。当页面加载
时
,它在
useEffect
内部
呈现
一次,
在
useEffect
外部
呈现
多次
。这是否意味着,由于消息
多次
记录在
useEffect
之外,我的组件会
多次
呈现
?
useEffect
(()=>{ console.log('from toolbar inside
useEffec
浏览 22
提问于2020-06-30
得票数 1
2
回答
什么时候React的
useEffect
在
组件生命周期中被触发?
reactjs
我不太明白什么时候“挂载”的反应,什么时候触发
useEffect
和清理功能。如果我的理解是错误的,请纠正我。参考:来自的编辑图表 const { useReducer
浏览 4
提问于2020-10-16
得票数 2
回答已采纳
1
回答
Material: DataGrid服务器端设置rowCount
时
的
分页
问题
reactjs
、
material-ui
因此,这个表需要
分页
、排序、过滤等,并且我们正在服务器端完成它。显然,客户端需要发送像{ page: 1, page_size: 50, ....}这样的数据,这就是我们
在
反应中所做的。我认为
在
获取数据库中的rowCount数据之后,表不会
重新
呈现
totalRows。我有沙箱 (PS:您必须放大输出屏幕以使rowsPerPageOptions可见)。但是您可以注意到,当它第一次加载
时
,next箭头被禁用,并且它不会
重新
呈现
实际数据(包括加载行数)的时间
浏览 1
提问于2021-04-05
得票数 5
回答已采纳
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
2
回答
在
不同的按钮中调用相同的函数,两者
在
Reactjs中都提供不同的输出,javascript?
javascript
、
reactjs
、
onclick
、
state
width: 300 }, rows: [{ _id: '', title: '', description: '', language: '', publish: '' }], pagesAmount={4} /> </div>但是,当我单击
浏览 4
提问于2021-05-20
得票数 5
回答已采纳
1
回答
当我将
useEffect
与useContext一起使用时,它什么时候调用?
reactjs
、
next.js
、
use-effect
、
use-context
我
在
useContext中调用了useContext,我想知道何时调用这个
useEffect
。> {
useEffect
ProductsProvider> </ProductsProvider>
浏览 6
提问于2022-04-26
得票数 1
2
回答
防止
在
useEffect
过程中
多次
更改状态
时
重新
渲染
reactjs
在
我的React应用程序中,我将在单个组件中
多次
实现useState。然后,
在
我的
useEffect
中,我将更改其中几个的状态: import React, { useState,
useEffect
} from 'react'; return <div>Hello World</div>; }); 我注意到的是,每次调用setSomeState1、
浏览 50
提问于2020-04-15
得票数 2
回答已采纳
1
回答
响应钩子滚动事件性能问题
reactjs
、
touch
、
react-hooks
在
桌面版本中,我只是将图像位置绑定到onMouseMove事件中,一切都很棒。但是,对于移动版本,我尝试了onTouch事件和本地滚动事件,但是没有任何东西像预期的那样工作。
浏览 5
提问于2019-11-13
得票数 2
回答已采纳
3
回答
增加和减少使用addEventListener键
在
React中的次数
javascript
、
reactjs
当您按下键
时
,请查看控制台,它运行几次,而每次按下该键,它只需运行一次。这是一个在按动几下按钮后崩溃的问题,请帮助。
浏览 14
提问于2022-02-22
得票数 1
回答已采纳
2
回答
React Native中的useState获取先前状态的数据
react-native
、
use-effect
我有一个状态 const [data, setData] = useState(""); 和2个
在
组件
呈现
时并行调用的useEffects
useEffect
(() => {socket.on("message",()=>{ }) const res = getDataFromServer()
浏览 84
提问于2021-07-26
得票数 0
回答已采纳
1
回答
如何防止
重新
呈现
时使用套接字的反应?
javascript
、
reactjs
我的代码有这个问题,它想要
多次
重新
呈现
和
重新
连接到服务器,所以当它们登录
时
它就会连接起来,这意味着它必须使用我的"useAuth()“函数,它使用的是不同的上下文。是否有任何方法可以防止重
呈现
,这样它就不会
多次
重新
连接并且只连接一次?这是我的密码:import { useAuth } from ".export
浏览 1
提问于2021-04-15
得票数 0
回答已采纳
1
回答
如何阻止导致组件重登的使用效果
reactjs
我有一个
useeffect
钩子,它导致我的salesHeader组件中的css动画组件每次滚动到页面顶部
时
都会
重新
呈现
。const [showSignUp, setShowSignUp] = useState(false);
useEffect
(() => {
浏览 2
提问于2022-04-08
得票数 0
1
回答
React redux状态更改,但组件没有显示更新的状态对象属性。
reactjs
、
react-redux
、
redux-toolkit
当组件最初
呈现
为
useEffect
钩子时,状态将通过将isLoading设置为true来更改。当API调用完成
时
,状态将再次更新,从而导致组件
重新
呈现
。我只是选择特定的项目,从国家目前-成分和
分页
。奇怪的是,组件正确地显示了成分列表,但是没有获取
分页
器(
在
状态
分页
属性中)的值。 具体来说,这两行代码被看作是未定义的。当我将整个对象注销({console.log(
分页
)})
时
,我确实看到
重新<
浏览 0
提问于2021-02-26
得票数 0
回答已采纳
1
回答
为什么即使状态没有改变,这个自定义钩子也会
呈现
两次呢?
javascript
、
reactjs
、
typescript
、
react-hooks
这就像 const { scrollTop{ setIsAtBottom(false); }, 500);
浏览 2
提问于2021-08-28
得票数 0
3
回答
带有react钩子的componentWillUnmount生命周期
reactjs
、
react-hooks
、
react-lifecycle
useEffect
(() => {}); }, []); return console.log('
useEffect
w
浏览 17
提问于2022-10-18
得票数 2
1
回答
在
子组件
呈现
中根据其父设置状态
多次
在其自己的
useEffect
中发出
useEffect
问题
reactjs
、
use-effect
我有一个父组件,带有一个
useEffect
,它调用api,接收一些数据,然后设置几个钩子状态和一个redux状态。这会触发持有此
useEffect
的组件的各种
重新
呈现
,但该组件具有使用
useEffect
的子组件,而childs的
useEffect
也会
多次
触发。我怎样才能解决这个问题?
浏览 5
提问于2022-04-23
得票数 0
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元无门槛券
手把手带您无忧上云
相关
资讯
Go1.20+React18 如何动态渲染服务端数据?
React组件开发中常见的陷阱
编写React组件时常见的5个错误
为啥Flutter Hooks没有受到太多关注和青睐?
React Hooks 还不如类?
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券