41得票3回答
保留react-router的路由组件以适用于所有历史状态。

我使用 Cordova 制作移动应用程序。 使用 react-router@2.0.0 和 ReactCSSTransitionGroup 实现“卡片组”动画。 我有一个严格的路由树,没有循环链接的可能性。 为了提高性能并保存前一个路由组件的状态,我想在只弹出状态或替换状态时保留它们的整个历...

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

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

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

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

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

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

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传递给其中一个子...

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

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

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

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

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

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

8得票1回答
移除元素时的React动画

我对React还不够熟悉。我试图通过实现完整的CRUD来学习。但是,我无法很好地实现从列表中删除课程的动画效果。 我已在`transitionAppear`和`transitionLeave`上配置了动画。`transitionAppear`运行良好,但我无法让`transitionLeav...