腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
React
useEffect
在
页面
加载
时
滚
动到
元素
中
的
位置
javascript
、
reactjs
、
scroll
、
react-hooks
、
use-effect
我希望
在
React
渲染后立即滚
动到
元素
中
给定
的
水平
位置
。对于上下文,我
使用
带有服务器端呈现
的
Next.js,所以useLayoutEffect不是一个选项。export default function WideElement () { ref.current.scrollLeft</C
浏览 66
提问于2020-01-14
得票数 4
2
回答
滚
动到
重新
加载
页面
上
的
元素
javascript
、
reactjs
、
react-hooks
我试图弄清楚如何在
页面
重新
加载
后滚
动到
元素
。我正在尝试ref该
元素
,并在
页面
重新
加载
后滚
动到
它。 transactionRef.current.scrollIntoView({ block: 'end', behavior: 'smooth' });
useEf
浏览 2
提问于2020-02-14
得票数 0
回答已采纳
1
回答
如何使滚动条从每一页
的
顶部开始
javascript
、
reactjs
在
我
的
react
应用程序
中
,我有3页1.Homepy2.Settings 3页 当我
在
主页
中
向下滚动并导航到配置文件或设置
页面
时
,它将显示这些下一页
的
底部,对应于我将滚动条放在主页
中
的
位置
。当我导航
时
,如何停止记忆滚动点
的
反应?
浏览 1
提问于2022-08-20
得票数 -1
1
回答
当导航到当前
页面
时
,响应路由器滚
动到
顶部
javascript
、
reactjs
、
scroll
我
使用
下面的ScrollToTop组件
在
导航到一个新
页面
后滚
动到
页面
的顶部(复制自此处
的
某个地方)。这是按计划进行
的
。import {
useEffect
} from "
react
"; }, [pathname
浏览 8
提问于2021-09-19
得票数 0
回答已采纳
1
回答
向每个组件提供参考
的
ReactJS .map
javascript
、
reactjs
、
refs
因此,当用户返回我
的
react
应用程序
中
的
页面
时
,他们将被滚
动到
他们以前所在
的
页面
上
的
位置
。具体来说,他们点击
的
列表
中
的
项目。当前
的
方法是
使用
以下const scrollToRef = (ref) => window.scrollTo(0,ref.current.offsetTop) 除了redux,跟踪
浏览 1
提问于2020-07-23
得票数 0
回答已采纳
8
回答
隐藏错误:呈现
的
钩子比预期
的
少。这可能是由
React
中
的
意外早期返回语句引起
的
。
javascript
、
reactjs
、
react-hooks
给定以下组件,当我按下年龄选择器并将值更改为15
时
,使我呈现一个没有“驾驶执照”字段
的
表单
时
,就会得到错误: at finishHooks (
react
-dom.development.js:11581) atupdateFunctionComponent (
react
-dom.devel
浏览 2
提问于2018-11-25
得票数 90
回答已采纳
2
回答
如何解决document.queryselector没有为NextJS工作
的
问题
javascript
、
reactjs
、
next.js
这是我
在
Next.js
页面
上创建
的
循环进度条
的
代码。如果我更改"progressEndValue = 67“
的
值,它将刷新
页面
并更新进度条上
的
值。但是,当我这样做
时
,我得到了:“没有定义服务器错误ReferenceError: documentimport { SearchIcon } from "@heroic
浏览 9
提问于2022-10-27
得票数 -1
6
回答
人们如何处理滚动恢复与反应路由器v4?
reactjs
、
react-router
我遇到了一些问题,滚动
位置
上
的
后退按钮(历史波普状态)
时
,
使用
反应路由器。
React
路由器v4不直接处理滚动管理,因为浏览器正在实现一些自动滚动行为。当您单击一个链接并转到另一个组件
时
,浏览器会滚
动到
顶部(就像普通
的
服务器呈现
的
网站一样)。只有当您返回(通过浏览器回退按钮)到窗口高度高得多
的
视图
时
,才会出现此问题。似乎(chrome)试图
在
将内容(和浏览器高度)呈现之前,转到上一页
浏览 5
提问于2017-07-07
得票数 26
回答已采纳
2
回答
无限循环-
React
原生useState
useEffect
firebase
、
react-native
、
infinite-loop
、
react-state-management
、
use-effect
我对钩子是个新手,我
的
印象是
useEffect
在
页面
加载
时
只运行一次。我正在将interests状态变量设置为返回
的
firebase响应,但它遇到了无限循环。为什么会发生这种情况?(function(key) { }); };
useEffect
浏览 34
提问于2019-10-25
得票数 0
回答已采纳
1
回答
如何在将
元素
添加到容器
的
顶部和底部
时
保持滚动
位置
?
javascript
、
reactjs
问题是, 当用户
在
特定时间到达容器
的
底部
时
,
加载
新
元素
时
,容器
中
不应该有超过10个
元素
(对于呈现performance)So,当我们向上滚动
时
,应该发生相同
的
事情,也就是说,当我们滚
动到
顶部
时
,前面的
元素
应该
加载
我已经实现了其中
的
大部分,但我唯一坚持
的
是,当我滚
动到
顶部,组件
在</em
浏览 4
提问于2022-09-05
得票数 0
2
回答
如何在第一次呈现时触发
UseEffect
?
reactjs
、
react-hooks
在
am
中
,当
页面
最初
加载
时
,它只
使用
React
并尝试触发一次函数。当前,以下代码
在
页面
加载
时
两次触发控制台消息。import { useState,
useEffect
, useRef } from "
react
"; const [count = useRef(n
浏览 7
提问于2022-10-18
得票数 0
回答已采纳
1
回答
“强制反应导航”等待新
页面
完全
加载
后再导航到它?
react-native
、
scroll
、
react-navigation
首先,我以一种非常定制
的
方式
使用
react
导航
的
堆栈导航器。()
时
是不可能
的
,并且不保留内存
中
的
所有路由(
在
10+不同
的
内存路由之后,app变得非常滞后)。我
在
每个
页面
上都有一个ScrollView,当返回
时
,我
在
useEffect
钩子
中
为它设置滚动
位置
。当
react
导航打开
浏览 14
提问于2022-02-21
得票数 0
1
回答
更改组件- ReactJs
中
的
主体
元素
溢出
javascript
、
css
、
reactjs
一个名为"BasicSearch“
的
组件用于所有
页面
。搜索组件应该显示
在
全屏上,并带有垂直滚动,以查看右上角有关闭按钮
的
内容。搜索组件有一些默认链接可以导航到不同
的
页面
。
React
.
useEffect
(() => { document.body.style.position = "fixed"; }, []); <div className="/xyz-abc&qu
浏览 2
提问于2022-02-24
得票数 1
2
回答
响应滚
动到
页面
刷新
的
顶部-不要恢复
位置
javascript
、
reactjs
我目前正在尝试滚
动到
页面
刷新
的
顶部。到目前为止,我已经能够
在
路由更改时实现滚
动到
顶部,但没有实现
页面
刷新上
的
--不知何故,
react
总是恢复以前
的
位置
。我怎样才能防止这种情况发生呢?这就是我如何实现滚
动到
顶部
的
(我认为window.scrollTo(0, 0)
在
componenDidMount()中会有所帮助,但它没有): class ScrollToTop ex
浏览 5
提问于2020-03-23
得票数 5
回答已采纳
1
回答
React
-引导模式导致window出现问题
reactjs
、
bootstrap-modal
、
addeventlistener
、
react-bootstrap
、
removeeventlistener
我已经构建了一个
使用
React
-Bootstrap模式
的
React
应用程序。
在
我
的
return()函数
中
,我有一个按钮,onClick可以改变状态并显示/隐藏div
元素
。<Button onClick={() => toggleInfo()}> )
加载
页面
后,按下按钮将更改状态,并根据状态显示/隐藏div
元素
。如果我单击窗口上
的
任
浏览 26
提问于2021-09-26
得票数 1
3
回答
由于时间延迟,哈希不起作用
javascript
、
reactjs
、
url
我有一个可以导航到
的
域,如下所示:
页面
加载
正常。从那里我可以添加散列来访问
页面
的某些部分,如下所示:这似乎是公元前
的
工作。
页面
已完全
加载
。但是,如果我复制,则粘贴整个域并散列到URL
中
,然后按enter键它不会转到some_place,而只是
加载
,就好像散列不在那里一样。
浏览 21
提问于2020-02-24
得票数 1
回答已采纳
2
回答
在
Back Button Click上执行代码(REACTJS)
javascript
、
reactjs
例如,当我浏览一个
页面
到另一个
页面
时
,下面的代码将被执行。当我单击类别
页面
列表
中
的
产品
时
,下面的代码将设置一个会话存储键,该存储键将具有类别页
的
位置
(滚动了多少页)。因此,当产品页打开
时
,它会在会话中保存其键&如果再次访问同一类别
页面
,则恢复
页面
位置
。 我试图使这段代码只保存一个会话键&删除先前保存
的
会话键,而不管用户在网站上单击
浏览 3
提问于2021-08-12
得票数 10
回答已采纳
1
回答
默认情况下,在下一个JS应用程序
中
启用暗模式
html
、
css
、
node.js
、
reactjs
、
next.js
我
在
我
的
下一个JS应用程序中有isDarkMode和handleDarkMode函数 </svg> </label>但是,当用户第一次访问该网站
时
,
浏览 2
提问于2022-04-12
得票数 0
1
回答
用户离开
页面
时
设置会话密钥
javascript
、
reactjs
我正在尝试保存一个会话密钥,当用户离开
页面
时
,这里是它
的
代码,代码
的
使用
是
在
加载
页面
时
,你想: 如果此
页面
是上次访问
的
页面
:
加载
其保存
的
位置
,否则删除上次保存
的
位置
,并在滚动
时
保存它。const [scrollPosition, setScrollPosition] = <e
浏览 13
提问于2021-08-28
得票数 2
2
回答
React
路由器:自动呈现
的
页面
滚
动到
底部
javascript
、
reactjs
、
react-router
我注意到,当我访问一个路由
时
,当我
使用
<Link>
时
,
页面
会自动滚
动到
底部,我有点困惑,因为它正在工作,我得到了
页面
,但是它通过这种行为自动滚
动到
底部。这是路由器: const user=true<Navigate to='/
浏览 6
提问于2022-01-10
得票数 -1
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React组件开发中常见的陷阱
编写React组件时常见的5个错误
React请求后端数据
从源码中来,到业务中去,React性能优化终极指南
React Hooks踩坑分享
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券