腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
加载
图像
时
React
显示
页面
javascript
、
reactjs
在过去的两个晚上,我一直在为
React
中的一个问题而苦苦挣扎。我有一个网站,有多个
图像
(标题,一些画廊
图像
,一些很酷的照片)。我希望
页面
渲染在所有
图像
被正确
加载
的那一刻。有人告诉我使用生命周期钩子,但这似乎不起作用,因为渲染过程比一些
图像
需要
加载
的时间更快。 有一次,我想我可以通过执行以下操作来让它工作:将内联样式添加到容器div中,并指定display none。然后将onLoad={触发
显示
的方法: inherit}添加到容器di
浏览 13
提问于2020-09-24
得票数 0
1
回答
获取
图像
时
显示
加载
屏幕
reactjs
、
typescript
、
redux
、
assets
假设我把
图像
存储在AWS桶上,然后用路由器(7页)来响应应用程序。每个
页面
都有一些指向AWS特定链接的
图像
。我试着用第三方库预
加载
它们(比如
react
递进-
图像
等等),但是看到模糊版本看起来不太好,所以我决定
显示
加载
程序而不是像素模糊的
图像
。但我有不同的风格应用于
图像
,所以我需要修复
加载
程序的位置,样式也。现在,我想向您展示一个通用
加载
程序,而不是呈现的
页面
,而当
浏览 4
提问于2022-06-07
得票数 0
2
回答
有没有一种方法可以在
React
中
显示
图像
之前
加载
它们?
reactjs
、
image
、
api
、
fetch
我是一个新手,到目前为止,最令人困惑/沮丧的部分是试图处理在API调用后立即过期的
图像
URL。我正在构建一个具有多个
页面
的平台,每个
页面
包含许多不同的
图像
(这些
图像
是从服务器获取的)。但是,
图像
的URL在10秒后过期,所以如果我没有在10秒内切换到
显示
图像
的
页面
(这样它们就可以
加载
),它们将永远不会
显示
。 我想知道做这件事的最好方法是什么?我可以在每次需要
加载
图像
浏览 24
提问于2020-04-20
得票数 0
1
回答
如何在
react
惰性回退中使用
图像
reactjs
我想创建一个带有
图像
的
加载
屏幕 Router.js文件 const Home = lazy(() => import("..from "
react
"; return ( } 问题是-当我只是导出文本
时
,它会
显示
它,但是当我导出<img>而不是
浏览 16
提问于2020-03-31
得票数 1
回答已采纳
1
回答
显示
React
Skeleton Loader,直到
图像
完全
加载
reactjs
我的组件中有一个
react
-loading-skeleton,我的
页面
中有一个使用img标签
加载
的静态
图像
,我想
显示
一个骨架组件,直到
图像
加载
。我尝试了
react
.lazy和suspense,但它只
显示
到组件
加载
不起作用,直到
图像
完全
加载
。 export default
浏览 3
提问于2019-07-09
得票数 2
2
回答
loadingIndicatorSource和defaultSource道具在
react
中有什么区别?
javascript
、
android
、
ios
、
react-native
、
ecmascript-6
请,有谁能说出和道具在
react
本机上的区别吗?
浏览 0
提问于2018-10-26
得票数 13
2
回答
交换img src或
显示
/隐藏多个
图像
更快吗?
javascript
、
html
、
performance
、
frontend
在网页上交换
图像
时
使用的最佳实践是什么?更改图片源,还是只在
页面
上
显示
/隐藏多个
图像
?
浏览 0
提问于2012-08-14
得票数 3
回答已采纳
2
回答
延迟
加载
:渐进式vs按需
加载
javascript
、
jquery
、
lazy-loading
在我的特定案例中,我使用为网站创建了一个
图像
轮播。由于这些是高分辨率的照片,我希望通过允许照片异步
加载
而不是在
页面
加载
时
来加快
页面
加载
时间。在浏览这个库的文档
时
,我看到了'lazyLoad‘属性的可用设置,几乎没有关于这些设置在实践中的含义的信息。 本质上,我的问题是,在延迟
加载
的上下文中,渐进式和按需之间的区别是什么。
浏览 2
提问于2014-09-08
得票数 58
回答已采纳
1
回答
图像
区域映射是无限的,而不是数值。
html
、
reactjs
、
next.js
我使用库
react
-image-mapper将可单击区域放置在
图像
上,在初始
加载
时
,生成的html
显示
值为无穷大的区域,导致
图像
不可点击。重新
加载
页面
后,映射工作正常。当
页面
最初
加载
之后缓存
时
,库的计算速度似乎还不够快。 我正在使用NextJS来构建这个应用程序,它应该可以工作,但是不知道为什么它不能在最初的
页面
加载
中工作。我不介意找到一个解决办法,比如在
浏览 10
提问于2022-12-02
得票数 0
1
回答
如何通过
React
路由器将缓慢的
页面
转换为重路由?
reactjs
、
performance
、
react-router
我有一个
React
项目,并使用ReactiveR外层DOM v6来管理我的所有路由。我有一条使用相当重组件的路由,当切换到该重组件
时
,会出现1+第二次延迟,直到当前
页面
消失,新的
页面
出现,因为呈现该组件需要时间。在尝试
加载
组件之前,是否有一种改变
页面
的方法,或者在
加载
组件
时
显示
一个“
加载
”
页面
? 编辑:这有点含糊,但我所说的“重路由”指的是,每当您更改到它的路径
时
,它就会慢慢呈现
浏览 2
提问于2022-04-28
得票数 -1
2
回答
更改反应性Js中的
图像
onClick
javascript
、
reactjs
、
image
、
react-hooks
、
toggle
我试图在
React
项目中创建一个
页面
,左侧是内容,右侧是内容的
图像
。到目前为止,我能够创建一个切换函数,根据选定的标题更改文本和
图像
,因此,例如,如果用户单击标题1,text1和image1就会
显示
,当用户单击title2、text2和image2等等
时
,问题是在单击标题之前
图像
不会
加载
,但是在第一次
页面
加载
时
需要
显示
img1 (然后img1应该更改为img2或img3,具体取决于
浏览 3
提问于2020-06-17
得票数 3
回答已采纳
2
回答
上传文件到Firebase后无法获得
图像
url
reactjs
、
firebase
、
firebase-storage
、
react-state
我将当前的
图像
url设置为state,但是在几次渲染之后得到它,所以一旦我在onRequestHandler中调用它,我就不会马上得到它。有什么办法让我等他拿到吗?
浏览 12
提问于2022-03-21
得票数 0
1
回答
JSX文件不会只在HTML
页面
中
加载
图像
,它会
加载
javascript
、
reactjs
、
visual-web-developer
首先,也是最重要的,排除任何文件位置问题,当我在HTML
页面
中使用平均代码
时
,它会正确
加载
,但当我在
react
类中返回它
时
,我得到了这个
图像
,由于缺少10个点,Stack Overflow不让我发布。但它只是一个空白的窗口
图像
所以这个错误与文件位置问题无关,我可以让它只在我的HTML
页面
中
显示
,而不是JSX文件。Quiz/>, document.getElementById('container'
浏览 0
提问于2015-08-14
得票数 0
1
回答
iPhone -在封面流中
显示
来自服务器的
图像
iphone
、
ios
、
coverflow
我想在封面流中使用服务器链接
显示
图像
,任何人都可以在这方面帮助我。我已经成功地在我的NSMainBundle中
显示
了cover Flow中的
图像
。我搜索了很多教程,他们说,首先你必须下载图片,然后在你的封面流中
显示
它们,但我不想下载图片
浏览 3
提问于2012-04-16
得票数 0
1
回答
IntersectionObserver与未知高度
图像
javascript
、
css
、
intersection-observer
我有一个有许多正方形
图像
(相同的宽度和高度)的
页面
,其中大小用宽度控制:50%。他们将懒散地装载使用lozad.js ()的IntersectionObserver。问题是,IntersectionObserver将计算所有
图像
都是可见的,因为其高度为0(或未知),并且所有
图像
都将立即
加载
。我想设置的高度与宽度相同,但看不出这是怎么可能的!?
浏览 3
提问于2017-12-15
得票数 0
2
回答
如何使用
React
或Angular创建仅在需要
时
加载
的可重用图库
javascript
、
jquery
、
angularjs
、
node.js
、
reactjs
我所有的web应用都使用nodejs,我想知道
react
是否能解决我面临的问题。一个类似的例子是Airbnb在他们的列表
页面
上取得的成就: 现在,当
页面
第一次呈现时,
页面
不会
加载
所有的图库图片。但是当你点击查看照片时,它会打开图库,然后
浏览 20
提问于2017-06-19
得票数 0
1
回答
引导转盘/预
加载
图像
jquery
、
twitter-bootstrap
、
carousel
、
image-preloader
我已经搜索过了,但还没能找到一种使用Bootstrap Carousel预
加载
图像
的方法。我正在建立一个具有大量
图像
的投资组合网站,目前引导旋转木马工作正常后,所有的
图像
都被
加载
。 有什么想法吗?
浏览 2
提问于2013-04-05
得票数 2
回答已采纳
1
回答
安卓WebView上的ReactJS项目,
图像
未
显示
reactjs
、
android-webview
、
react-router
我目前正在试验一个混合应用程序,在我的安卓WebView中
加载
的前端使用ReactJS。在其中一个
页面
上,我有一个
加载
外部/托管
图像
的列表。点击这些
图像
会转到
显示
其描述的另一个
页面
(使用
react
-router。history=hashHistory)。 在浏览器(Chrome)上测试,一旦
加载
,
图像
就会出现。另一方面,在实际设备上测试
时
,
图像
不会出现。只有当我点击列表项
浏览 12
提问于2016-08-03
得票数 4
1
回答
jQuery进度条(画布
加载
时间)
jquery
、
css
、
html5-canvas
基本上,如果你去这个网站,你会看到他们的进度条
加载
得有多快。我用完全相同的方式设置了我的应用,只是
图像
不同而已。它会延迟半秒,然后就会出现。它为什么要这么做,我能做些什么来防止这种情况发生?
浏览 3
提问于2012-06-05
得票数 0
1
回答
在.Net核心中使用
React
时
延迟后
加载
本地镜像
javascript
、
reactjs
、
image
、
asp.net-core
、
.net-core
我使用Visual Studio提供的模板创建了一个托管在.Net核心后端的
React
应用程序。最后,我遇到了一种奇怪的行为:当包含本地保存的
图像
的组件第一次呈现时,
图像
会在大约1/2秒的延迟后
显示
。下一次,组件将使用已
显示
的
图像
正常呈现。 当我使用来自互联网的图片时,这个问题不会发生。举个例子: <img src="www.google.com/example.png" alt="random image"> <e
浏览 32
提问于2020-09-28
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
滴滴出行APP出现宕机,页面显示网络加载异常
电脑上qq直播间一直显示页面加载失败
图片迟迟加载不了、一片马赛克?谷歌开源模型优先显示图像受关注部分
Next.js 10 正式发布:带来诸多新特性
四个库提高你的React应用程序的性能
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券