使用React Motion 的 TransitionMotion，我想为 1 个或多个盒子设置动画。当一个盒子进入视图时，它的宽度和高度应该从 0 像素到 200 像素，它的不透明度应该从 0 到 1。当盒子离开视图时，应该发生相反的情况（宽度/高度 = 0，不透明度 = 0 )

我试图在这里解决这个问题http://codepen.io/danijel/pen/Rabo​​xO但我的代码无法正确转换盒子。框的样式立即跳转到 200 像素的宽度/高度，而不是过渡。

代码有什么问题？

所以，我有一个列表，我现在可以使用 react-draggable 将元素（div）拖出该列表。React-draggable 使原始元素可拖动（有意义），但我需要拖动原始元素的副本（克隆），并将原始元素保持在原位。所以，我有包含元素的实体列表，每个元素都有一个事件，该事件调用父元素列表希望克隆原始移位，并用可拖动元素包装原始元素以使其可拖动。一旦它可拖动/创建，我想将它附加到屏幕上的不同元素，并将初始位置放在鼠标光标所在的中心。我想做的最后一件事是，如果元素被放在“错误”的位置，它应该动画（我猜是反应运动）返回到原始位置。

我正在开发一个 Reactjs + React-motion 项目，在一个“模态窗口”（比方说）我想动态安装或加载一个组件，如果可能的话？

到目前为止我的解决方案：我找不到方法，所以似乎更容易将组件放置到位并隐藏它，然后在状态更改时切换类或样式，显示隐藏的组件并且仅在“模态窗口”过渡完成。

在下面分享一些代码，这样更容易理解我想要做什么。没有事件处理程序，大部分代码都被删除了，但是onRest（动画完成时的事件回调被暴露）以及渲染 fn。

我在 react 中使用 react-motion 进行 CSS 转换。这个波纹管代码从左上角缩放我想要的输出。

我怎样才能使它从中心缩放？

我有一个 JSON 对象数组，用于呈现元素列表：

每个呈现的项目都有向上/向下箭头，例如，如果用户单击向上箭头，则该项目将在列表中向上移动。在后端，数组中的项目只是简单地交换。

我怎样才能使这个过程动画化，以便用户更容易看到他们的操作结果是什么？我正在研究react-motion，但它似乎基于修改 CSS/样式来工作。我希望会有一些东西使用 React 的key属性来确定独特的元素并基于它来处理运动。

有什么建议么？

我想用 React-Motion 添加卸载动画，但我找不到任何相关信息。这是我的代码：

动画在安装时完美运行，但在卸载时，它就消失了。有没有办法来解决这个问题？

我有（有）一个工作的 React 组件，它只显示一个包裹在标题标签中的小字符串。由于它显示正确，我几乎可以肯定我的导入/导出设置正确。当我尝试将<Spring />组件添加到我的render()方法时，我会看到：

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of Animation.

为什么<Spring>以前一切正常时组件会导致这种情况发生？我的代码如下：

我正在使用 React + React-Router 创建网站。我使用 react-router-transition 为切换视图制作动画，并使用 React-motion-ui-pack 为小组件制作动画。

问题是当我在台式电脑上测试时，动画很好，但在移动浏览器上测试时，它会导致很多滞后。

据我所知，react-router-transition 和 react-motion-ui-pack 都使用 React-Motion。当我使用 CSS3 变换添加动画时，它不起作用，所以我直接使用了 CSS 属性（比如使用顶部/左侧而不是平移变换）。

这是我的代码的一部分：

如您所见，我修改了不透明度 onEnter 和 onLeave。但这会导致移动设备的性能非常低。

有没有办法解决这个问题？

我正在尝试使用and来实现这个轮播。material-uireact-swipeable-views

我有一个看起来像这样的轮播项目：

我有一个轮播组件，如下所示：

我使用Carousel这样的：

我发现轮播项目没有出现，当我查看开发人员工具时，我发现正在发生转换，但我没有看到这些项目。

我用我的开发环境中没有的 bin 中的代码创建了一个webpackbin 。

更新：

如果我删除a标签的样式并将其更改为divwithin CarouselItem：

图像显示但不是全宽。我注意到transformcss 以及height使用jQuery. 我们如何为CarouselItem.

全部：

我对 react-motion 很陌生，我想知道我什么时候使用 Motion 像：

我怎么知道哪个值是它用来插入下一个值的初始值？以及如何插入数组（目的是将该数组与 D3.js 一起使用以生成 SVG 路径），例如：

谢谢