腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
在
重新
渲染
时
隐藏
的
react
组件
上
设置
变换
动画
javascript
、
jquery
、
css
、
reactjs
我使用
的
是reactjs,并且我有一个datepicker
组件
,当用户
在
component元素之外单击
时
,我会
隐藏
该
组件
。show the <DatesContainer> component.I need to hide it with fade out or something. } }` 因此,当用户
在
<DatesContainer/>外部单击
时
,state.focus将更新为false,
浏览 25
提问于2019-02-02
得票数 0
1
回答
我认为
react
-spring (useSpring)会导致
组件
重新
渲染
很多次,但它可能不会,我们如何做到这一点呢?
reactjs
、
react-spring
我认为
react
-spring会导致
组件
重新
渲染
很多次,所以如果它是一个已经有大量useSpring()工作要做
的
组件
,那么
react
-spring不是最适合这个任务
的
。在他们
的
示例中,我可以看到它
重新
渲染
了很多次: (通过查看console.log输出,其中包含大量
的
renderCount打印输出。当我们将持续时间更改为5000 (即5秒)
时
,打印输出要多得多
浏览 4
提问于2021-04-21
得票数 1
1
回答
React
Native setState() &
在
安卓
上
设置
动画
javascript
、
android
、
animation
、
react-native
、
setstate
我正在为我
的
react
原生应用开发类似于“toast”
的
组件
。它在iOS模拟器
上
运行得很好,但在我
的
安卓设备(Galaxy Note2)
上
播放
动画
之前,它不会更新状态。下面是我
的
组件
的
渲染
器: return (<Animated.View style={[{transform:[,在用A
浏览 2
提问于2016-04-26
得票数 1
1
回答
如何使用
react
-spring使
react
自定义
组件
具有
动画
效果
javascript
、
reactjs
、
react-spring
我有一个名为HomeContent
的
react
自定义
组件
,它接受一些属性。根据我制作
的
react
-spring文档,将其
设置
为
动画
const animatedHomeContent = animated(HomeContent);然后为了
渲染
,我这样做了:
浏览 5
提问于2020-12-01
得票数 1
4
回答
React
- Rerender on props change /动态更改css而无需
重新
渲染
javascript
、
css
、
reactjs
我要求
在
显示/
隐藏
导航
时
隐藏
React
应用程序
上
的
页面内容。为此,我们将一个道具传递给
组件
,并处理样式
组件
中
的
显示css,如下所示:const PageContent = styled.div`'none' : 'block')};虽然这可以很好地工作,但当属性发生变化时,内部页面内容将
浏览 0
提问于2020-08-07
得票数 0
1
回答
在
XAML中使用ScaleTransform和DoubleAnimation同时缩放多个对象
xaml
、
microsoft-metro
我有一个地铁应用程序有一个网格,其中包含一行矩形对象,我想
动画
所有的矩形
在
同一
时
间(缩放从0到1
在
1秒)。我希望尽可能多地使用资源,并避免代码重复。网格
的
基本框架如下所示。Grid.Row="0" Grid.Column="7" Style="{StaticResource RectangleStyle}"/></Grid> 我不想为每个单独
的
浏览 1
提问于2012-09-11
得票数 0
回答已采纳
2
回答
React
Native (
动画
和setState)
react-native
、
state
、
setinterval
、
react-functional-component
、
react-animations
我正面临着一个与setState (功能
组件
)反应原生
动画
相关
的
特殊问题,我用setInterval做了一个倒计时,每一秒我做一个setState,每当我有一个setState
时
,
动画
就会重置并
重新
启动我不知道为什么,我也像这样使用useRef const opacity = new Animated.Value(0) const animatedValueRef = useRef(opacity),
动画
是这样循环
的
编辑:这是我实现倒计时
的</
浏览 34
提问于2021-02-15
得票数 0
1
回答
每次
在
样式
组件
中使用挂钩更改props.children
时
执行
动画
reactjs
、
animation
、
styled-components
每当props.children改变
时
,我想在名为Counter
的
钩子
组件
中使用样式
组件
v4触发我
的
动画
,但是我不知道如何实现我
的
代码。import styled, { css, keyframes } from 'styled-components';Circle color={
浏览 16
提问于2019-08-18
得票数 1
回答已采纳
2
回答
无状态反应
组件
上
的
单个
动画
reactjs
、
animation
、
popmotion
我已经开始使用“反应式”,对于大多数
动画
设置
,我都有一个问题要回答。 第一次挂载FadeDiv
组件
,initialPose
设
浏览 0
提问于2018-05-07
得票数 4
1
回答
React
:
在
本地和redux状态更新
时
附加
组件
动画
reactjs
、
react-hooks
我正在构建一个
组件
,
在
每个本地和redux状态更新
时
渲染
动画
。本地状态
在
单击按钮
时
更新,它还向远程服务器发出ajax请求,以更新用户单击该按钮
的
情况。animationsToRender: updatedAnimations, } }, [animationDataCount]); 我用我创建
的
组件
呈现了一个,数据是定期接收
的
。我
的</
浏览 7
提问于2019-08-27
得票数 0
回答已采纳
1
回答
为什么我
的
React
组件
会多次呈现
reactjs
我尝试
在
App.js中为经过身份验证
的
用户添加受保护
的
路由,但
react
元素被多次呈现。下面是我
的
App.js代码 class App extends Component { super(props); return (
浏览 53
提问于2021-04-09
得票数 2
回答已采纳
1
回答
如何使用帧运动
在
每个状态更改时
设置
动画
reactjs
、
framer-motion
我认为
在
渲染
帧器运动时会
重新
做我
的
动画
,因为初始
设置
为
隐藏
,
动画
设置
为显示。但事实并非如此。 如何才能让它在每次状态更改时
重新
播放
动画
?import
React
, { useEffect, useState } from "
react
";impo
浏览 12
提问于2021-09-03
得票数 1
2
回答
如何在状态改变
时
重新
呈现
组件
的
一部分?
react-native
我有一个包含来自
react
-native- progress.circle库
的
进度
的
组件
(参见链接:)。最初,我将进度循环
的
进度属性
设置
为一个状态变量,该变量
在
空闲状态下
设置
为0,如以下代码所示: showsText={true} size={width * 0.1388888888888} color={"#EF5
浏览 4
提问于2017-12-08
得票数 1
回答已采纳
1
回答
重新
呈现整个页面,而不是仅呈现包含更新属性
的
组件
reactjs
在下面的
React
App代码中,我
设置
了一个useState属性,该属性绑定到一个名为Header
的
函数
组件
。演示代码中没有显示
的
是,我从位于HomePage
组件
中
的
另一个子
组件
调用triggerTestProp函数。 但是,每当我
设置
此属性
时
,不仅横幅会
重新
呈现,而且包含标题
的
整个页面也会
重新
呈现。我使用
React
Router进行导航,如演
浏览 44
提问于2020-06-21
得票数 0
回答已采纳
1
回答
未装入零部件
上
的
帧运动退出
动画
reactjs
、
react-props
、
framer-motion
、
unmount
我正在尝试播放一个
动画
卸载我
的
组件
与退出属性,但它不工作,尽管存在! 提前感谢
浏览 15
提问于2021-03-12
得票数 0
回答已采纳
2
回答
滚动
时
ReactNative自动
隐藏
导航栏
javascript
、
reactjs
、
react-native
、
navigator-ios
我试图
在
向下滚动
时
隐藏
导航栏(NavigatorIOS)。我怎样才能做到这一点呢? 谢谢
浏览 1
提问于2017-03-07
得票数 5
回答已采纳
2
回答
React
Native - Animated.View与常规视图
组件
之间
的
性能差异
javascript
、
performance
、
reactjs
、
react-native
当使用
动画
组件
,即Animated.View与使用常规
组件
,即在
react
原生中查看
时
,是否有任何性能影响?View></View><Animated.View></Animated.View> 我从来没有见过人们
在
使用
动画
组件
<
浏览 1
提问于2018-02-19
得票数 3
1
回答
如何从子
组件
重新
呈现父
组件
javascript
、
reactjs
父
组件
有一个p标记,用于
动画
显示其内部文本。当我刷新页面
时
,
动画
会起作用。下面是父
组件
: import
React
, { Component } from '
react
'; clickH
浏览 28
提问于2020-12-14
得票数 0
回答已采纳
2
回答
如何在
组件
的
每次
重新
渲染
中添加
动画
javascript
、
css
、
reactjs
、
animation
、
rendering
我
在
React
上有一个简单
的
组件
--app。当我回答一个问题
时
-我
的
组件
重新
呈现新
的
问题,并且我想要有一个问题块
的
动画
。但是,我只有这个
组件
第一次
渲染
时
的
一次性
动画
。如何在
组件
的
每一次
重新
渲染
上制作
动画
? 下面是我
浏览 23
提问于2021-02-23
得票数 0
回答已采纳
1
回答
如何通过击键
在
React
中挂载/卸载
组件
?
javascript
、
reactjs
、
three.js
、
react-spring
、
react-three-fiber
我正在做一个可以
在
键盘上
渲染
3d对象
的
应用程序。我希望这些对象消失后2-3秒,或当
动画
播放完毕。这是一个处理按键逻辑
的
组件
: const Selector = () => { useEffect<> </> default:
浏览 36
提问于2020-07-13
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从源码中来,到业务中去,React性能优化终极指南
react-native总结心得
Vue 超快速学习
memo、useMemo、useCallback 你真的用明白了吗
React组件开发中常见的陷阱
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券