在React中更改时淡出/输入文本
我想创建一个按钮，根据应用程序的状态更改其文本。我希望旧文本淡出，然后新文本淡入。
这里有一支笔，我在这里用纯JS实现了我想要的东西。
<div className="buttons">
<div className="half">
<button className="button" onClick={this.chooseLeft}>{this.state.leftButton}</button>
</div>
<div className="half">
<button className="button" onClick={this.chooseRight}>{this.state.rightButton}</button>
</div>
</div>
共有1个答案
使用ReactCSSTransitionGroup，它是React动画附加组件的一部分。它是为您的确切用例而设计的。
-
问题内容： 嘿，我想在新的背景图像中淡出，每60秒说一次。我将背景图像设置如下： 现在我想更改它，所以在60秒后将其更改为background2.jpg，然后在60秒后将其更改为background3.jpg，依此类推。 我发现了很多东西，但没有改变它的身体，只是像图像一样……有什么快速解决方案？ 谢谢！ 问题答案： 重新更新UPDATE： 甚至是更新的小提琴（没有arguments.callee
-
提前谢谢你。
-
问题内容： 我一直在网上寻找这个东西，甚至甚至找不到其他人问这个，更不用说解决方案了…… 选择文本后，是否可以更改文本输入中突出显示区域的颜色？不是突出显示边框或背景，而是当您实际选择文本时出现在文本周围的部分。 问题答案： 感谢您提供的链接，但似乎并没有公开实际突出显示的文本。 就当前的实际问题而言，我最终选择了一种不同的方法，因为完全不需要文本输入，并使用了带有某些JavaScript的inn
-
主要内容：实例,jQuery Fading 方法,jQuery fadeIn() 方法,实例,jQuery fadeOut() 方法,实例,jQuery fadeToggle() 方法,实例,jQuery fadeTo() 方法,实例通过 jQuery，您可以实现元素的淡入淡出效果。 因为时间是宝贵的，我们提供快捷方便的学习方法。 在小牛知识库,你可以学习需要的知识。 实例 jQuery fadeIn() 演示 jQuery fadeIn() 方法。 jQuery fadeOut() 演示 jQ
-
问题内容： 与其创建两个视图，不如简单地更改一个视图的视图，这是合乎逻辑的。如果这样做，是否会在两个图像之间使淡入淡出/交叉消失而不是立即切换？ 问题答案： 编辑：下面的@algal有更好的解决方案。 另一种方法是使用预定义的CAAnimation过渡： 请参阅Apple的View Transitions示例项目：https : //developer.apple.com/library/cont
-
问题内容： 使用正常的行为时，以及是使用[的属性。但是，这会更改页面的布局。 我怎样才能让与不修改页面的布局？ 问题答案： 也 而不是你可以 ，而不是你可以