腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
ReactJs
中
使用
样式
化
组件
在
状态
改变
时
触发
动画
reactjs
、
css-animations
、
styled-components
我尝试显示一行文本,这行文本存储
在
状态
中
作为“故事”,每次
状态
(文本)发生变化时,我都希望
动画
运行。问题是
动画
在页面加载时运行,而不是
在
状态
更改后运行。我已经研究了React转换团队和其他一些方法,比如从css
中
删除和重新添加
动画
,但当我
使用
样式
组件
时
,似乎没有什么是非常优雅的。 用
样式
化
组件
浏览 17
提问于2019-06-12
得票数 1
8
回答
通过javascript填充输入框
时
,使物化标签移出输入框
css
、
label
、
materialize
通常,
使用
,文本输入框的标签将显示
在
输入框
中
,直到用户输入该框并在其中输入文本为止。但是,当一个框的值通过javascript填充
时
,标签不会移动。它停留在框
中
,并与输入的文本重叠。是否也有方法用javascript
触发
标签转换,这样就不会发生这种情况了吗?
浏览 15
提问于2015-08-19
得票数 17
回答已采纳
1
回答
为什么我的AppBar MUI
样式
组件
在
状态
更改时不更改
样式
?
javascript
、
reactjs
、
material-ui
、
navbar
、
styled-components
我正在尝试
在
滚动
时
更改应用程序栏的颜色。我
使用
了一个MaterialUI风格的特性来创建我的应用程序栏。我
在
控制台中检查了
状态
的值,它正在正确地
改变
。不幸的是,应用程序栏不会对我
在
已设置
样式
的
组件
上传递的道具的
状态
更改做出反应,这应该是
组件
背景颜色的
触发
器。以下是
样式
化
的
组件
代码: const AppBar = styled(
浏览 5
提问于2021-11-23
得票数 0
1
回答
组件
在
useEffect as componentDidMount运行之前呈现了两次
reactjs
我正在努力减少渲染
组件
的数量。但是我不知道如
何在
ReactJS
中
渲染
触发
器。我看到两个
在
useEffect之前呈现为componentDidMount的
触发
器。后来,每当
状态
改变
时
,也有两个呈现
触发
器。我不知道为什么component只为一次
状态
变化渲染2。我
在
github
中
的代码:https://github.com
浏览 10
提问于2020-05-02
得票数 0
回答已采纳
5
回答
如
何在
Blazor
中
设置
状态
转换
动画
?
c#
、
blazor
foreach(var salesOrder in _customer.SalesOrders) <SalesOrderSummary SalesOrder="@salesOrder" />当我
改变
状态
时
,我想要
动画
的
状态
转换,以便
组件
淡入/淡出。添加零部件的
动画
我可以看到如
何在
添加
组件
时
实现这一点,通过
组件
的CSS类,该<em
浏览 8
提问于2019-05-20
得票数 28
2
回答
React componentDidMount混淆
javascript
、
reactjs
我有一个React
组件
,它根据通过props传入的过滤器来获取电影数据。
使用
console.log,我可以看到我的componentDidMount()只被调用了一次,但是每次由于接收到不同的属性而重新呈现
组件
时
,只
在
componentDidMount()
中
设置的
状态
变量会发生变化catch (error) { } } 尽管只<em
浏览 21
提问于2020-04-07
得票数 0
回答已采纳
2
回答
如
何在
不
改变
父级
状态
的情况下在两个兄弟级
组件
之间进行通信?
javascript
、
reactjs
我是
ReactJS
新手,我遇到了以下问题--我有Parent
组件
,还有两个子
组件
-- List和Map。这两个都有孩子的物品。我想要的是当我
在
Map
中
悬停一个
组件
时
--
改变
List
中
适当
组件
的
样式
,反之亦然。我可以处理悬停事件,但是如果我将悬停元素的ID保存在Parent
状态
,它将在每次悬停
时
重新生成完整的Parent
组件
。我不
使用</e
浏览 7
提问于2016-09-07
得票数 0
回答已采纳
3
回答
属性绑定时,视图文件
中
"@“符号的用途是什么?
angular
heroState]="hero.state" {{hero.name}}</ul>`, 我尝试了角度
动画
,它工作得很好,我不理解这个模板部分,为什么他们
在
视图中
触发
器前面
使用
@-符号。
浏览 0
提问于2018-08-03
得票数 7
1
回答
框架.运动,
样式
.
组件
和nextjs链接
组件
没有
动画
next.js
、
styled-components
、
framer-motion
在
创建framer-motion styled-component链接styled(motion.a)``;
时
,如果它是nextjs Link
组件
的子
组件
,则不能在其上
触发
动画
。nextjs Link文档: 沙箱代表3种情况,只有一种
触发
动画
,在这种
浏览 2
提问于2021-05-10
得票数 0
2
回答
React本机
状态
更改转换
animation
、
react-native
、
transitions
在
react原生模式
中
,
在
状态
更改时为
组件
设置
动画
的最佳模式是什么?如何才能使过渡变得平滑?
浏览 3
提问于2018-05-30
得票数 6
2
回答
从其他
组件
分派操作
时
触发
函数
javascript
、
reactjs
、
redux
、
react-redux
我正在开发一个
reactjs
应用程序并
使用
redux。我有两个
组件
。比如
组件
A和
组件
B。
在
组件
A
中
,我有一张桌子。当我单击任何行时,我
使用
行的数据作为该操作的参数分派一个操作。每次单击一行
时
,都会发出此操作。每当单击一行并分派该操作
时
,我希望
触发
组件
B
中
的函数。我该怎么做呢? 通常,我们通过动作分派来
改变
减速机
中</em
浏览 3
提问于2017-10-18
得票数 1
2
回答
WPF -没有
使用
带有
动画
的
样式
的IsEnabled=true行为
wpf
、
animation
、
styles
、
isenabled
我问过,但后来我意识到我的问题不是代码,而是我用来做按钮的
样式
。由于问题与最初问的完全不同,我认为如果我再问一次“正确”的问题,对其他用户会更有好处。我要说的是: 我
在
我的按钮中
使用
了下面的模板。当我设置button.IsEnabled=false
时
,它工作得很好,但是如果我设置了button.IsEnabled=true,它不会被启用。你能指出我做错了什么吗?
浏览 4
提问于2009-06-08
得票数 1
回答已采纳
1
回答
ReSwift -
在
动画
中间接收动作
ios
、
swift
、
animation
、
redux
我正在尝试
使用
在我的iOS应用
中
应用Redux,但我仍然有一些Redux的问题没有回答。 1)如何处理
动画
中途接收
状态
更新?例如:假设发生了一些
状态
变化并
触发
了一个
动画
,然后我收到了另一个更新(由于来自互联网的一些数据同步)。如何处理这种情况?即,延迟第二次更新,直到
动画
结束。2)我应该只发送
改变
状态
的动作,还是发送动作只是为了
触发
动画
?例如:一个会
触发
一些<em
浏览 0
提问于2016-10-11
得票数 1
2
回答
为什么ReactClass
中
的function函数
在
表单输入更改事件上被反复调用
javascript
、
reactjs
、
react-bootstrap
我刚接触过
reactjs
,也许这是正常的行为,但在我看来并非如此,因此我做错了什么。
浏览 3
提问于2016-03-25
得票数 3
回答已采纳
1
回答
如
何在
样式
组件
中
触发
css
动画
?
css
、
reactjs
、
animation
、
styled-components
通常,我们通过删除和添加一个具有CSS
动画
属性的类来解决这个问题。如何删除
动画
属性并快速添加以
使用
样式
组件
库
触发
动画
?
浏览 1
提问于2018-11-08
得票数 7
2
回答
我希望箭头图标
在
每次
状态
changes.and
时
向上和向下弹出,我想要将它
动画
化
。
reactjs
、
styled-components
我
使用
的反应,
样式
-
组件
。我们希望ArrowDown图标
在
状态
为真
时
向上翻转,当
状态
为假
时
向下翻转。我也想应用
动画
时
,翻转它。 import ".
浏览 5
提问于2021-10-21
得票数 2
回答已采纳
2
回答
Android按钮
动画
android
我
在
Android
中
创建了一个按钮,Button btn = new Button(getContext());然而,如果我
改变
背景色,
如
btn.setBackgroundColor(Color.RED),点击
动画
将不再存在,这真的惹恼了我。我想要的很简单,我只是想保持点击
动画
,即使我
改变
浏览 5
提问于2017-04-04
得票数 1
回答已采纳
2
回答
两个子
组件
之间的通信,而不会导致
在
父
组件
中
完全重新呈现
reactjs
我一直在学习和
使用
ReactJS
。
在
阅读了大量的帖子和博客后,我仍然对
在
ReactJS
中
的
组件
之间进行有效的通信感到困惑。假设我有一个父
组件
"a",它有许多子
组件
"A“,"b","c","d","e”等等。现在在"a“
组件
中发生了一些事情,我想重新呈现"b”
组件
。由于"a
浏览 1
提问于2016-07-08
得票数 1
1
回答
角
动画
的目的是什么?
javascript
、
css
、
angular
、
animation
、
angular-animations
一段时间以来,我一直在想,为什么要
使用
角度
动画
而不是CSS
动画
。
在
使用
它们之前,我看到很少会考虑到的领域:
在
第一步
中
,我找到了这个,它只处理性能方面的事情。CSS animation-play-state: pause或
使用
JS中指定的CSS变量,请参见。 现在我可以看到,
在
JS代码
中
设置CSS变量可能不方便,但在
使用
角度
动画
时
也是如此。这些通常是<em
浏览 0
提问于2018-04-03
得票数 86
回答已采纳
1
回答
React Router -如何实现离开页面的
动画
?
reactjs
、
react-router
在
我加入React Router之前,
使用
ReactCSSTransitionGroup制作
动画
效果很好。我想要做的是使
状态
更改超时500毫秒,卸载
组件
,
触发
changi
浏览 2
提问于2015-11-06
得票数 3
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
讲真,会写动画的前端才是好开发!
Vue 超快速学习
我用Vue和React构建了相同的应用程序,这是它们的差别
这里有25个React Native免费教程,请您查收
从源码中来,到业务中去,React性能优化终极指南
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券