7得票1回答
ReactCSSTransitionGroup:transitionAppear不起作用

我试图对通知进行出现/消失的处理,但是transitionAppear无法工作。我将项(通知弹出框)添加到onBlur事件中。在leave时的动画效果很流畅,在appear时它只是突然出现而没有transition。最近在React中,不要强行使用。 P.S. 如果在alert.js中添加...

18得票3回答
React组件间的动画过渡效果

我希望在两个组件之间进行动画,其中第一个组件淡出并在添加下一个组件并淡入之前从DOM中删除。否则,在旧组件被移除之前,新组件将被添加到DOM并占据空间。您可以在此代码片段中看到问题: http://jsfiddle.net/phepyezx/4// css snippet .switch-e...

16得票1回答
React TransitionGroup和React.cloneElement不发送更新的props

我正在遵循Chang Wang的教程,使用HOC和ReactTransitionGroup(第一部分 第二部分),结合Huan Ji的页面过渡教程(链接)进行可重复使用的React过渡动画制作。 我遇到的问题是,React.cloneElement似乎没有将更新的props传递给其中一个子...

10得票2回答
ReactCSSTransitionGroup只能用于在新组件中进行动画效果吗?

我已经成功使用ReactCSSTransitionGroup(我想),新加载的组件以其全部荣耀淡入。 问题在于,被替换的组件突然消失了,这对我来说是个问题,因为最终我希望我的组件在视口内进出过渡... 我似乎没有看到任何告诉离开的组件如何优雅消失的方法。 我是否遗漏了什么,或者React...

21得票2回答
React CSS Transition Group 中的超时值到底是做什么用的?

我一直在阅读React Animations (React CSS Transition Group)的官方文档,但是我对timeout值的使用还有点不清楚 - 特别是当我在我的CSS中设置过渡效果时。这些值是延迟、动画持续时间还是在移除之前应用该类的时间?它们与我在CSS中设置的过渡持续时间...

7得票2回答
React:以相反的顺序渲染列表

我正在使用React和Reflux构建一个应用程序,试图按特定顺序呈现项目列表。 这些项目是自定义的Post组件,以相反的时间顺序呈现,所以最新的帖子在列表的顶部。 我正在使用Khan Academy的TimeoutTransitionGroup使列表项淡入淡出。 问题在于,当我添加一个...

12得票6回答
在测试中禁用React的CSSTransitionGroup

我正在使用CSSTransitionGroup来在元素出现或离开DOM时进行动画处理。它运行良好。 现在,我想对该组件进行单元测试。我创建了一个临时的DOM节点并将其附加到<body>上,然后将我的组件渲染到其中,然后执行一些操作。结果,我期望一个子DOM节点消失。 问题: 动...

29得票4回答
如何使用ReactCSSTransitionGroup在React中实现元素高度的动画效果?

我正在尝试使用ReactCSSTransitionGroup来对元素高度进行动画处理, 这是我希望实现的动画效果: http://jsfiddle.net/cherrry/hgk4Lme9/ 问题在于我并不总是知道元素的高度, 所以我尝试在componentDidMount期间利用scro...

14得票1回答
使用CSS模块的ReactCSSTransitionGroup

我正在使用ReactCSSTransitionGroup和CSS模块(以及来自react-router的动态路由,但我认为这是按预期工作的)。<ReactCSSTransitionGroup component="div" transitionName={transitions}...

25得票7回答
背景图片在React中无法正常工作

我是React的新手,试图使用内联样式获取背景图片。但它不起作用。 显示错误“未定义url” render() { return ( <div className="phase1" style ={ { backgroundImag...