腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
进入
dom
时
对
React
组件
进行
动画
处理
?
javascript
、
reactjs
、
animation
我在
react
中有类似这样的代码 {this.state.popoverOpen && <Popover/>} 这很简单,但当
组件
实际出现时,我希望它具有不透明度变化和
动画
效果……我使用
react
已经有一段时间了
浏览 12
提问于2020-05-03
得票数 1
1
回答
Reactjs在不使用addon的情况下
对
离开
组件
进行
动画
处理
javascript
、
reactjs
在
react
.js中,我知道可以使用插件ReactCSSTransitionGroup来执行
动画
。作为学习过程的一部分,我正在尝试编写“vanilla js”来在
进入
和离开
时
对
组件
进行
动画
处理
。我想出了一些简单的代码,如下所示,当子
组件
在
进入
时挂载 constructor(props) { su
浏览 1
提问于2016-04-17
得票数 1
1
回答
使用
React
转换组离开
组件
动画
javascript
、
reactjs
、
css-animations
、
transition
作为
React
的新手,我有这个问题--我有两个
react
组件
,父
组件
是: if(!return( Some text ) }父
组件
基于某些属性来渲染子
组件
子
组
浏览 0
提问于2017-07-13
得票数 3
2
回答
Render:在
动画
期间调用Render()。会发生什么?
javascript
、
html
、
css
、
reactjs
、
react-transition-group
我想知道
React
如何
处理
组件
动画
期间调用的呈现。在下面的示例中,
组件
将被重新命名。步骤1:
组件
安装
组件
首次挂载到物理
DOM
。
组件
的
浏览 3
提问于2021-01-18
得票数 6
回答已采纳
2
回答
React
中的
动画
元素
reactjs
、
mobx
我在一个
react
/mobx应用程序中有一个
组件
,它观察所提供的ui存储的某个属性。只要这个属性改变,
组件
的一些元素就会隐藏/显示。据我所知,ReactCSSTransitionGroup用于在挂载/卸载
时
对
组件
进行
动画
处理
。如
何在
组件
中设置元素(准确地说是div )的
动画
效果,该元素通过display:none隐藏,但会在更改存储属性
时</e
浏览 14
提问于2017-01-31
得票数 1
1
回答
react
.js和
动画
中的"GSAP目标未找到“在热重加载
时
自动发生。
reactjs
、
gsap
我试图用gsap在
react
.js中
动画
一个元素。我的代码只有在响应热重新加载
时
才能工作,在控制台中,我收到了gsap的警告,上面写着GSAP target not found const
浏览 13
提问于2021-07-24
得票数 1
回答已采纳
1
回答
我认为
react
-spring (useSpring)会导致
组件
重新渲染很多次,但它可能不会,我们如何做到这一点呢?
reactjs
、
react-spring
我认为
react
-spring会导致
组件
重新渲染很多次,所以如果它是一个已经有大量useSpring()工作要做的
组件
,那么
react
-spring不是最适合这个任务的。当我们将持续时间更改为5000 (即5秒)
时
,打印输出要多得多。同样,如果它是一个类似于
react
-spring的
组件
,它会呈现很多内容: let renderCount = 0 export default function App() {
react
-sprin
浏览 4
提问于2021-04-21
得票数 1
1
回答
React
Router -如何实现离开页面的
动画
?
reactjs
、
react-router
在我加入
React
Router之前,使用ReactCSSTransitionGroup制作
动画
效果很好。我想要做的是使状态更改超时500毫秒,卸载
组件
,触发changing转换组的正常转换。
浏览 2
提问于2015-11-06
得票数 3
5
回答
如
何在
Blazor中设置状态转换
动画
?
c#
、
blazor
我想要
动画
的状态转换,以便
组件
淡入/淡出。在上面的示例中,当IsCustomer更改时,或者在SalesOrders集合中添加或删除记录
时
,可能会发生这种情况。添加零部件的
动画
为删除零部件设置
动画
我无法想象在删除
组件
<em
浏览 8
提问于2019-05-20
得票数 28
1
回答
React
CSS关键帧-当状态从
DOM
中移除
组件
时
动画
javascript
、
css
、
reactjs
我正在努力在
React
中使用CSS关键帧。提前谢谢。
浏览 13
提问于2021-06-10
得票数 0
1
回答
在一段时间后向
React
组件
添加类
css
、
reactjs
我有一个
react
组件
:}); 在它渲染几秒钟后,我希望它从
组件
中添加一个类。这个类的目的是用
动画
来展示
组件
。我不认为这是真正的状态改变,因为它对应用程序没有任何影响,只是给
组件
一个
动画</em
浏览 2
提问于2016-11-25
得票数 4
回答已采纳
1
回答
React
和CSS
动画
javascript
、
css
、
reactjs
当
进行
状态更改时,
React
将运行协调算法,并可能完全重新创建
DOM
的一部分。 如果将CSS
动画
或过渡应用于
DOM
节点,
React
开发人员通常如何避免在
动画
期间干扰
DOM
(这可能会停止
动画
)?这是否“只是工作”,因为开发人员知道只有在
组件
生命周期的特定部分(例如onComponentDidUpdate)完成
时
才开始
动画
(例如添加或删除类)-即在他们可以确定不会发生更大的
D
浏览 9
提问于2017-06-19
得票数 4
回答已采纳
1
回答
在
react
gsap中
进入
/退出
时
动画
元素
reactjs
、
gsap
、
react-animations
基本上我想用GSAP在
react
中输入/退出一个元素,似乎没有复杂的技巧可以做到这一点,我
对
react
动画
和gsap是新手,有人能帮我至少指导我去哪里看吗,基本上我有一个输入元素和一个按钮,当按钮被点击
时
,输入应该平滑地消失,然后根据按钮状态卸载,我需要在
进入
/退出元素
时
得到帮助。这是我的代码: class LoginBox extends
React
.Component {
浏览 6
提问于2020-03-30
得票数 0
1
回答
带有反应性JS的
动画
javascript
、
css
、
animation
、
reactjs
我的页面上有几个排序过滤器,当用户点击其中一个
时
,我想要创建
动画
。我试图用反应JS来做这件事。= carData.getCarsInCurrentList(listID, allCars);}handleSortingFilters(name, event){ event.preventDefault
浏览 2
提问于2016-08-29
得票数 2
回答已采纳
1
回答
为什么在挂载新页
组件
时
输入
动画
不运行?
react-router
、
styled-components
、
react-transition-group
我很好奇,如果这是一个带有样式
组件
的bug,我是否能够正确地
处理
这个问题。退出
时
动画
状态为(请参阅CodeSandbox中的控制台): 退出-不重要,因为
组件
是由反应路由器卸载的。在退出和
进入
之间的巨大区别是,在退出
组件
已经挂
浏览 1
提问于2019-06-03
得票数 1
1
回答
转换组不触发生命周期方法
reactjs
、
gsap
我在一些
React
组件
上运行一些GSAP
动画
,当它们
进入
和离开
DOM
时
。我目前遇到的问题是,似乎只有第一个
组件
触发了enter
动画
。第一个
组件
不会触发leave
动画
,其余
组件
也不会触发任何
动画
。相关代码如下 render() { const { lastActive, activ
浏览 2
提问于2017-05-05
得票数 1
1
回答
将兄弟关系元素的引用指向同一元素
javascript
、
reactjs
、
html5-canvas
、
react-ref
每当我单击画布
时
,我都会向主
组件
的状态数组添加一个点。,因此我将
react
konva循环移动到一个单独的
组件
中,在这里我使用
react
为
DOM
循环元素分配
动画
,
如
中所描述的。它是按预期的
动画
,但当我添加下一个-创建
动画
是在第一个,而不是在创建的点。我已经读过不能在循环中分配引用,但在我的例子中,我只是在一个循环中创建了一组
组件
,每个
组件
都有自己的引用,不是吗?此外,我试图在cha
浏览 3
提问于2021-06-13
得票数 1
1
回答
在使用ES6
时
,如
何在
react
组件
中应用css?
css
、
reactjs
、
ecmascript-6
我想应用简单的fadeIn
动画
,似乎只有使用使用css类的ReactCSSTransitionGroup才能做到这一点。有人能帮忙吗,如
何在
es6中实现它。我不确定如
何在
使用es6语法
时
将css类应用于我的
react
组件
。谢谢
浏览 2
提问于2016-04-19
得票数 1
回答已采纳
1
回答
React
-Transition-Group在添加*-enter类之前添加延迟
reactjs
、
react-transition-group
我正在尝试使用
react
-transition-group来为两个
组件
的
进入
/退出设置
动画
。转换工作得很好,但唯一的问题是,当为正在退出的
组件
触发*-exit
时
,另一个
组件
也会
进入
DOM
,并且正在退出的
组件
在离开之前会被下推。你可以在下面的代码框中看到它的发生。
浏览 11
提问于2019-10-10
得票数 0
回答已采纳
2
回答
无法在
React
组件
中操作
DOM
dom
、
reactjs
我是不使用原始
DOM
操作函数,还是应该使用其他方法来实现相同的操作,即操作<div id="chart"> constructor () { } componentWillMount
浏览 3
提问于2015-08-23
得票数 5
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从源码中来,到业务中去,React性能优化终极指南
你真的了解React吗?这里有50个React面试问题
React 入门学习
现代 JS 框架存在的根本原因
React 设计中的闪光点
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券