腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3109)
视频
沙龙
2
回答
如
何在
react
中
根据
屏幕
宽度
进行
条件
渲染
?
reactjs
、
responsive
、
conditional-rendering
有一个问题,我不知道如
何在
技术上正确地实现组件。我想
根据
设备
屏幕
对元素
进行
有
条件
的
渲染
。例如:如果
屏幕
小于700像素,则我得出一个结论,如果大于700像素,则得出第二个结论 if(window.innerWidth > 700) { <Content>1 };<Content></Content>
浏览 36
提问于2020-07-17
得票数 0
2
回答
根据
屏幕
大小呈现组件或呈现嵌入的视频src。
css
、
reactjs
我有这个代码块,我想
根据
屏幕
大小来呈现BackgroundImage组件或youtube视频src。
浏览 3
提问于2020-03-10
得票数 0
回答已采纳
1
回答
用子组件替换主组件
javascript
、
reactjs
所需的行为:当按钮被点击时,XYZ组件应该呈现在与className侧边栏相同的div
中
,但是组件ABC的JSX现在应该被隐藏。 目前,当我单击按钮时,当ABC仍然在那里时,XYZ呈现。class ABC extends
React
.Component { <div className="sidebar"> </div>} class XYZ ext
浏览 8
提问于2019-10-02
得票数 0
回答已采纳
1
回答
混合应用
中
的
React
Native手势Reponder
ios
、
reactjs
、
react-native
我尝试在单击图像时使用触摸事件位置来开始从该位置到
屏幕
中心的图像动画。 当
react
native使用全屏时,这不是问题。但是,当
React
Native在混合应用程序
中
运行,并且
React
Native
渲染
的
屏幕
不会占据整个
屏幕
时(
如
拆分视图模式或iPad上的弹出视图),nativeEvent坐标都是相对于
React
Native
渲染
的视图,而不是实际
屏幕
。我想要得到触摸发生的实
浏览 16
提问于2018-07-20
得票数 0
回答已采纳
2
回答
react
原生导航性能
react-native
、
react-native-navigation
、
react-native-navigation-v2
我对
React
本机导航V2有一个问题,那就是在我可以查看下一个
屏幕
之前,有相当长的等待时间。 我读到这似乎是正常的,因为
react
原生必须
渲染
新
屏幕
的所有组件。
浏览 8
提问于2018-10-15
得票数 1
2
回答
如何跟踪
屏幕
渲染
器
ios
、
core-animation
、
react-native
、
cadisplaylink
如
何在
React
-Native中将对象作为时间函数
进行
移动CADisplayLink *link = [CADisplayLink displayLinkWithTargetselector:@selector(tick:)];或者,如
何在
React
-Native中跟踪
屏幕
渲染</
浏览 29
提问于2015-11-01
得票数 3
1
回答
在createBottomTabNavigator中有
条件
地呈现路由-导航
reactjs
、
react-native
、
conditional-statements
、
react-navigation
在我的反应本机应用程序
中
,我想在我的导航菜单中有
条件
地呈现路由。我在导航菜单中使用了
react
导航createBottomTabNavigator。当观察到的角色发生变化时,我必须用observer来装饰顶级容器observer。这似乎是低效的重新
渲染
在高层,我无法使它无论如何。 就我而言,不可能通过
react</
浏览 0
提问于2019-09-10
得票数 1
2
回答
我可以将多个useEffect重构为单个useEffect吗?
javascript
、
reactjs
、
react-hooks
我有
宽度
状态,它随着窗口大小的调整而改变,showFilters作为道具,它从true变为false。并且我想在卸载时删除侦听器。因此,对于每个
条件
,我都使用了三个useState。import
React
, { useEffect, useRef, useState } from '
react
'import
浏览 0
提问于2020-01-31
得票数 2
1
回答
如
何在
切换到
react
导航之前在
react
导航
中
预
渲染
组件?
react-native
、
react-navigation
在我的StackNavigator
中
,其中一个组件包含了加载时间较长的web内容。但是,此
屏幕
仅会在我的导航流中后期显示。在最终切换到组件之前,我如何利用这段时间在后台
渲染
组件?我在
React
Native
中
找不到任何可以与ReactDOM.render相比的东西,可以让我手动
渲染
它。
浏览 18
提问于2019-07-26
得票数 3
1
回答
如果线制动出现在div
中
,则缩短文本
php
、
html
有些名字很长,在某些
屏幕
宽度
上会产生线刹车。在那些情况下,我想缩短第一个单词(
如
名字)的首字母(
如
第一个字母),并保持其余的是(前大卫范麦克利奥德森->范麦克利奥德森)为较小的线刹车。如
何在
DIV
中
检测浏览器
渲染
的线闸,然后执行缩短操作?
浏览 0
提问于2016-04-15
得票数 1
1
回答
ReactJS应用程序:可以命令呈现特定的div吗?
css
、
reactjs
、
react-bootstrap
我正在尝试创建一个ReactJS (使用
react
引导)移动应用程序,它可以
根据
屏幕
大小来调整大小(展开或收缩)本身。应用程序的一个部分的尺寸需要
根据
所有其他部分
渲染
后
屏幕
上的空间大小来计算。Container> <Row id='3'>Footer and other static stuff here</Row>); 在上面
浏览 3
提问于2020-09-10
得票数 0
回答已采纳
3
回答
React
/ Gatsby -
根据
屏幕
大小呈现不同的组件
html
、
css
、
reactjs
、
graphql
、
gatsby
(注意:我对
React
/GraphQL不是很熟悉,所以请对我从容不迫)。 我正在用Gatsby建立一个博客,我的导航栏
根据
屏幕
尺寸改变它的外观。在我的导航栏中间是博客的徽标。当他们在移动设备上查看时,我只希望
渲染
实际的徽标(不包括文本)(我有一个带有完整徽标的图像和一个带有缩短徽标的图像)。到目前为止,我的方法是1.创建两个独立的SiteNavLogo-组件和2.使用以下代码块检查当前窗口大小(我删除了所有与此问题无关的代码,并将其替换为"...")3.有
条件
地
渲染<
浏览 19
提问于2020-10-25
得票数 0
回答已采纳
1
回答
如何
根据
变量的输出设置
React
web-app
中
组件的
宽度
css
、
reactjs
我有一个组件,我试图
根据
一个变量的结果来设置它的
宽度
。 该变量返回一个介于1和100之间的数字,因此我希望设置
宽度
以反映该变量的结果。 但是,尽管可以在组件
中
呈现结果,但我不能设置
宽度
。这是我第一次尝试有
条件
地
渲染
React
组件的
宽度
,所以我想我做了一些明显错误的事情。{{ width: {loanSum} }}>{loanSum}%</div>
浏览 12
提问于2020-11-04
得票数 0
回答已采纳
1
回答
在
React
Native Functional Component
中
呈现之前的数据处理
reactjs
、
react-native
我有一个
React
Native函数组件。 我使用useEffect从AsycStorage获取一些数据并将其设置为本地状态。然而,在
渲染
之前,我想要对这些数据
进行
一些处理/计算,然后才能在
屏幕
上
渲染
它。我应该在哪里
进行
计算?,我检查了AsyncStorage
中
的项,并将该数据设置为本地状态myItems。我想做一些数学计算和一些
条件
逻辑,例如,将myItems的数据分成两个单独的类别,然后在
屏幕
上呈现出来。就像proces
浏览 14
提问于2020-11-03
得票数 0
回答已采纳
1
回答
我们可以在移动视图中停止重定向吗
reactjs
我在我的web应用程序
中
定义了15个路由,如果用户试图访问错误的URL,我已经用以下代码在路由中定义了重定向。仅仅是为了移动视图?我的意思是,用户不会在移动端使用完整的url。 有人能帮上忙吗?
浏览 0
提问于2020-05-22
得票数 0
4
回答
React
Map GL:未采用整个
宽度
的贴图
css
、
reactjs
、
responsive
、
react-map-gl
我使用语义
react
ui作为ui库,并使用
react
map gl在我的
react
应用程序
中
呈现地图。但是从
react
-map-gl
渲染
的map并不占用整个列的
宽度
。请查看下图: ? 仍然有足够的
宽度
让地图拉伸。但
根据
文档,我们必须以像素为单位提供地图的
宽度
和高度。from '
react
'; import ReactMapGL from '
react</em
浏览 70
提问于2019-01-06
得票数 4
回答已采纳
1
回答
如
何在
react
-native
中
制作灵活
宽度
的2d FlatList
css
、
react-native
、
flexbox
我使用的是
react
native 0.57。我想用Flatlist为非固定
宽度
和固定高度的盒子制作2D Grid。像grid show这样的东西可以
根据
屏幕
大小自由调整列数。我无法实现它。我可以使用固定的列,但我希望我的网格可以
根据
设备的
宽度
进行
调整。框的
宽度
可能是不可预测的,这取决于它们之间的文本。提前感谢 示例:在gmail
中
: ?
浏览 10
提问于2019-02-08
得票数 0
3
回答
如
何在
react
native
中
从左到右打开布局或视图(从左向右滑动打开)?
react-native
、
animation
如何从左到右移动视图(最初视图应该是隐藏的,单击第一个按钮时视图应该从左到右显示动画)部分(30%),然后第二次单击它应该打开完整的.How以在
react
native
中
获得此内容??
浏览 13
提问于2019-06-22
得票数 1
2
回答
HTML/CSS:使
宽度
在多个分辨率上保持一致
html
、
css
、
resolution
我有一些大小为15px的正方形
渲染
在页面上。它们的绝对尺寸
根据
屏幕
分辨率的不同而不同--所以在非常大的分辨率下,它们最终看起来比我想要的要小得多。我如
何在
CSS
中
定义
宽度
,以确保它们在所有不同的分辨率上或多或少是成比例的?
浏览 3
提问于2010-04-14
得票数 1
回答已采纳
1
回答
为了正确地缩放字体,对于iOS和安卓的不同
屏幕
,使用,需要考虑哪些不同的参数?
reactjs
、
react-native
、
responsive-design
、
react-native-paper
我目前在
渲染
组件时实现了大量的
条件
,因为设备之间的字体大小似乎有很大的差异。创建了一个实用工具自定义钩子,该钩子返回可以
根据
屏幕
宽度
进行
缩放的函数。但这似乎造成了很多问题,因为在安卓系统上,在
屏幕
旋转后,useWindowsDimensions没有正确地更新
屏幕
。有些人
根据
像素密度<
浏览 14
提问于2020-12-13
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
react router怎样使用Uselocation
React推出并发模式:可中断渲染、指定加载顺序、并行处理多状态
React推出并发模式:可中断渲染、指定加载顺序、并行处理多状态
App开发是指利用什么软件开发工具和技术
Brahmos:一个更小、更快的类React UI框架,支持并发渲染
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券