腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
子
组件
中
的
ref.current
更改
不会
触发
useEffect
reactjs
我已经创建了一个弹出窗口,用户可以使用它向应用程序添加内容,每个字段都是一个单独
的
组件
,因为我需要在不同
的
配置
中
在多个地方重用它们。我尝试创建一个innerRef,当
更改
(即输入新值)时,如果所有值都有效,则应
触发
组件
的
useEffect
以显示或隐藏Done按钮。我知道我分配给.current
的
valid属性
中
的
所有值是否有效 export default function Add
浏览 288
提问于2021-01-29
得票数 1
回答已采纳
2
回答
第一次加载调用
组件
时,使用useRef响应自定义钩子返回null?
reactjs
、
react-hooks
我创建了一个自定义钩子,以便在
组件
滚动时将元素回滚到视图中。current} = ref; window.scrollTo(0, current.offsetTop ); return ref;现在,我在如下所示
的
功能
组件
中使用这一点<div ref={useComponentIntoView()}> 因此,这是当前始终为空
的
第一次,我了解到
组件
仍未挂载,因此值为null。但是,我们能做些什么来得到这个值,总是在我
的
浏览 6
提问于2019-11-22
得票数 4
回答已采纳
1
回答
React ref不更新异步集
reactjs
、
asynchronous
、
ref
我在最后一项上有条件地设置ref,如果我不设置async
的
值,它可以很好地工作。const [values, setValues] = useState<Array<Number>>([]); console.log(
ref.current
); setTimeout(() => { const
浏览 29
提问于2021-03-11
得票数 0
回答已采纳
1
回答
在使用react引用调用
子
组件
之前调用
子
方法
reactjs
我正在尝试从父
组件
调用
子
组件
中
显示加载覆盖
的
方法。我正在使用refs调用
子
方法。但是,当我在render函数之前调用
子
方法时,
ref.current
返回未定义。我问了这个问题: console.log(activeListPageRef.current)
浏览 0
提问于2021-11-05
得票数 0
2
回答
在定制钩子中使用ref是可行
的
,还是建议对DOM进行变异?
reactjs
、
react-hooks
我正致力于将第三方库合并到一个React应用程序
中
,而钩子正在使这个整体变得非常简单。然而,我遇到了一些问题,我希望能弄清楚“引擎盖下”发生了什么。div =
ref.current
; renderStuff(div, txt);}; 如果其中一个params (在本例
中
是但是
useEffect
从不识别
ref.current
值何时发生变化。因此,如果在设置txt之前设置了
ref.current
浏览 5
提问于2020-02-13
得票数 2
回答已采纳
1
回答
如何在不重复
触发
useEffect
的
情况下更新卸载处理程序?
reactjs
、
react-hooks
、
use-effect
另一位开发人员今天向我提出了一个棘手
的
问题。她提出如下建议:B.)她不希望这件事在任何时候发生。
useEffect
(() => { // happens anytime dependency array// component details omitted, set
浏览 7
提问于2022-03-29
得票数 3
回答已采纳
5
回答
当ref指向DOM元素时,使用
ref.current
作为
useEffect
的
依赖项安全吗?
reactjs
我知道ref是一个可变
的
容器,所以它不应该列在
useEffect
的
依赖项
中
,但是
ref.current
可能是一个不断变化
的
值。当引用被用来存储像<div ref={ref}>这样
的
DOM元素时,当我开发了一个依赖于该元素
的
自定义钩子时,假设如果一个
组件
有条件地返回,
ref.current
可以随着时间
的
推移而改变,比如:
浏览 1
提问于2020-03-01
得票数 56
1
回答
访问“`
useEffect
`”
中
的
变量,但在更新时不
触发
效果
react-native
、
use-effect
我需要访问
useEffect
中
的
变量,但只有在某些变量得到更新时才会
触发
该方法。我想在
useEffect
更改
时调用data,而不想在saveTimeout或saveMethod
更改
时调用。以同样
的
方式,我想在
组件
卸载时调用saveMethod,但我不能这样做,因为它需要在依赖数组
中
,因此在saveMethod每次
更改
时都调用它。如果我感兴趣
的
道具没有变化,我会将先前<em
浏览 1
提问于2020-05-11
得票数 1
回答已采纳
2
回答
React钩子(
useEffect
)和react (useState)数组空出来吗?
reactjs
、
react-hooks
、
use-effect
在componentWillUnmount上,我希望在useState
中
向postRequest函数发送一个数组。我
的
useState数组:我
的
componentWillUnmount函数: // TODO: Send to a post request to BE
浏览 3
提问于2022-07-05
得票数 1
回答已采纳
3
回答
当所有元素都不可见时,IntersectionObserverAPI返回默认状态
javascript
、
reactjs
、
react-hooks
、
intersection-observer
在此之前,一切正常工作,但我需要‘重置’
的
状态时,一切都是隐藏
的
(如到达页脚或页眉)。这是我
的
钩子: const[isOnScreen, setIsOnScreen] = useState(false)
useEffect
(() =&
浏览 5
提问于2021-12-23
得票数 3
回答已采纳
3
回答
React:为什么从useRef
中
更改
ref的当前值
不会
触发
useEffect
reactjs
我有一个关于useRef
的
问题:如果我将
ref.current
添加到
useEffect
的
依赖项列表
中
,并且当我
更改
了
ref.current
的
值时,
useEffect
内部
的
回调就
不会
被
触发
。例如: const myRef = useRef(1);
浏览 2
提问于2020-11-26
得票数 17
回答已采纳
1
回答
useEffect
()
不会
触发
属性对象
更改
(深度对象)
javascript
、
reactjs
我有一个以深对象作为参数
的
组件
。我希望能够根据我传递
的
属性动态地修改我
的
组件
,但是由于某种原因,我
的
useEffect
()循环在第二次传递对象时没有运行,这自然是因为它是一个
useEffect
()不“识别”
的
深对象。我确实尝试过几种方法来实现这个目标--但由于某些原因,我无法让自己
的
效果循环
触发
:
useEffect
(
浏览 0
提问于2021-09-05
得票数 0
回答已采纳
1
回答
React
useEffect
钩子调用无效。只能在函数
组件
的
主体内部调用挂钩
reactjs
、
react-hooks
、
use-effect
我在使用
useEffect
时总是遇到这个问题,但我看到其他人都做得很好。这是我
的
代码。
组件
1(父
组件
): const UsePrevious = (value)=> {
useEffect
(() => {
ref.current
= value; return
ref.current
; const
浏览 62
提问于2020-11-30
得票数 0
3
回答
React React.
useEffect
缺少一个依赖项--我使用上下文中
的
fn
reactjs
、
react-hooks
在我
的
组件
中
,我有以下内容(为了简洁起见,我只包含了相关
的
代码片段):const projectContext = useProjectContext(); const loadProject = async (userId: string) => { await projectContext.loadProjectsForUserloadProject(authC
浏览 3
提问于2022-05-09
得票数 0
1
回答
尝试访问以前
的
属性值时出现无效挂钩错误
reactjs
、
react-hooks
如果值发生变化,我希望我
的
日志被
触发
。const usePrevious = (value) => {
useEffect
(() => { return
ref.current
;
useEffect
(() => { const previousValue== props.value) {
浏览 0
提问于2021-01-12
得票数 1
3
回答
function :在呈现后,当
子
对象异步更新其DOM时
触发
一个函数
reactjs
、
react-hooks
、
nivo-react
在ParentComponent
中
,我呈现一个图表 (ResponsiveLine)。我有一个计算图表中一些DOM元素高度
的
函数 (calculateHeight)。要正常工作,我
的
函数calculateHeight必须在图表ResponsiveLine呈现后
触发
。我
的
问题是:
useEffect
将在
子
元素完成呈现之前
触发
,因此我无法计算图表
中
DOM元素
的
大小。 如何在图表calculateHeight完成呈现后<e
浏览 7
提问于2022-06-20
得票数 1
回答已采纳
1
回答
当useRef元素
的
高度大于零时,引发
javascript
、
reactjs
、
typescript
、
react-hooks
、
use-ref
我试过
useEffect
: if (scrollRef.current && scrollRef.current instanceof HTMLDivElementblock: 'center', });}, [scrollRef.current]); 问题是ref或
ref.current
不能用作
useEffect
的</e
浏览 0
提问于2020-10-09
得票数 0
7
回答
检查是否使用react卸载
组件
?
reactjs
、
react-hooks
我正在检查是否卸载了
组件
,以避免调用状态更新函数。
useEffect
(() => { return () => { }if (
ref.current
) { setIsLoading(false)....第二个选项
浏览 17
提问于2019-11-21
得票数 18
4
回答
如何阻止
useEffect
发出这么多请求?空依赖项不起作用
reactjs
、
react-hooks
、
use-effect
我有一个更新状态
的
组件
,但是我对它有问题const [data, setData] = useState([]);
useEffect
(() => {console.error("API call error:", err.message); } 如果我在我
的
依赖项
中
声明了但是,如果我将“
浏览 3
提问于2022-02-28
得票数 2
回答已采纳
1
回答
如何在React功能
组件
中
获取前一个状态?
reactjs
、
react-hooks
我正在使用钩子编写一个React
组件
,并尝试获取某个变量
的
先前状态,即在计数器
中
呈现当前和先前
的
计数:CodeSandBox Example function usePrevious(value) {const ref = useRef();
ref.current
= value; return
ref.current
但是如果我单击"Change X“按钮,这会<e
浏览 33
提问于2021-07-28
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React组件开发中常见的陷阱
编写React组件时常见的5个错误
【一文看懂】React中usestate与useRef的区别与联系
React使用钩子增强组件
React Hooks踩坑分享
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券