如果带有多行的TextField 包裹在react-addons-css-transition-group 中，则会中断显示转换。有什么办法可以妥善处理吗？
这是我的代码：https://codesandbox.io/s/material-demo-v4byd
如果您删除 multiline 标记，则转换工作。
编辑：我已将代码调整为 Fraction 的答案，但仍然无法正常工作：https://codesandbox.io/s/material-demo-vpde6
EDIT2：第二个演示的工作示例：https://codesandbox.io/s/material-demo-1kdyl
【问题讨论】：
标签： javascript reactjs material-ui
看看下面的例子，我使用了react-transition-group，因为来自react-addons-css-transition-group的文档说：
此包中的代码已移动。我们建议您改用
react-transition-group中的CSSTransitionGroup。
您可以将CSSTransition 代替ReactCSSTransitionGroup 用于一个项目，或者与TransitionGroup 组合用于CSSTransition 组件列表：
import { CSSTransition } from "react-transition-group";
...
<CSSTransition
in={this.state.show}
timeout={400}
classNames="Test"
unmountOnExit
>
{this.renderTextField()}
</CSSTransition>
您必须从renderTextField 中删除if (!this.state.show) { return null; }，因为CSSTransition 需要一个孩子。
test.css（opacity 属性不是强制性的）
.TestWrapper {
position: relative;
left: 0px;
}
.Test-enter {
left: 100px;
opacity: 0;
}
.Test-enter-active {
opacity: 1;
left: 0px;
transition: left 400ms, opacity 400ms;
}
.Test-exit {
opacity: 1;
left: 0px;
}
.Test-exit-active {
opacity: 0;
left: 100px;
transition: left 400ms, opacity 400ms;
}
工作示例：
【讨论】：