React js css 转换 class 移除
React js css transitions on class removal
我有一些列应该有不同的宽度，具体取决于一些标志。我使用 Bootstrap，所以我根据标志分配 col-xs-12 和 col-xs-2。
现在我想让它随着 css 过渡慢慢地改变宽度。我已阅读 official React.js doc about transitions，但它不适用于我的情况：我需要将已安装的元素从一种状态过渡到另一种状态。 TransitionGroup 方便添加和删除过渡，但不会改变现有元素的形状。
我举了个例子来说明问题：http://jsfiddle.net/5pvkjwth/
它确实会缓慢折叠，但无法按预期展开。
这与 React 的工作原理有关吗？还是我直接用min-width 属性错了？
您只需要一个 width 转换，因为 width CSS 属性 在 col-xs-2 和 col-xs-12 类.
我有一些列应该有不同的宽度，具体取决于一些标志。我使用 Bootstrap，所以我根据标志分配 col-xs-12 和 col-xs-2。
现在我想让它随着 css 过渡慢慢地改变宽度。我已阅读 official React.js doc about transitions，但它不适用于我的情况：我需要将已安装的元素从一种状态过渡到另一种状态。 TransitionGroup 方便添加和删除过渡，但不会改变现有元素的形状。
我举了个例子来说明问题：http://jsfiddle.net/5pvkjwth/
它确实会缓慢折叠，但无法按预期展开。
这与 React 的工作原理有关吗？还是我直接用min-width 属性错了？
您只需要一个 width 转换，因为 width CSS 属性 在 col-xs-2 和 col-xs-12 类.